<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>LAVA WORLD &#187; dialog</title>
	<atom:link href="http://www.vpnall.com/tag/dialog/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.vpnall.com</link>
	<description>又一个森林Q群:52130297(IT聊天群)</description>
	<lastBuildDate>Fri, 03 Sep 2010 06:42:00 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>用函数使JQuery ui dialog的按钮是否可用</title>
		<link>http://www.vpnall.com/2010/01/disable-a-button-in-a-jquery-dialog-from-a-function/</link>
		<comments>http://www.vpnall.com/2010/01/disable-a-button-in-a-jquery-dialog-from-a-function/#comments</comments>
		<pubDate>Fri, 29 Jan 2010 15:16:33 +0000</pubDate>
		<dc:creator>lava</dc:creator>
				<category><![CDATA[代码]]></category>
		<category><![CDATA[dialog]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[js]]></category>

		<guid isPermaLink="false">http://www.vpnall.com/?p=628</guid>
		<description><![CDATA[有时需要使JQuery ui dialog的按钮暂时禁用,例如正在数据提交的时候避免用户重复点击按钮.这就需要一个函数把JQuery ui dialog里面的按钮disable起来.网上看了一下,再用firebug看看dialog的按钮.其实方... ]]></description>
			<content:encoded><![CDATA[<p>有时需要使JQuery ui dialog的按钮暂时禁用,例如正在数据提交的时候避免用户重复点击按钮.这就需要一个函数把JQuery ui dialog里面的按钮disable起来.网上看了一下,再用firebug看看dialog的按钮.其实方法还是比较简单.下面举个例子:</p>

<div class="wp_codebox"><table><tr id="p6282"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
</pre></td><td class="code" id="p628code2"><pre class="javascript" style="font-family:monospace;">	$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#newdialog&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">dialog</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
		autoOpen<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span>
		height<span style="color: #339933;">:</span> <span style="color: #CC0000;">400</span><span style="color: #339933;">,</span>
		width<span style="color: #339933;">:</span> <span style="color: #CC0000;">380</span><span style="color: #339933;">,</span>
		modal<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span>
		buttons<span style="color: #339933;">:</span> <span style="color: #009900;">&#123;</span>
			<span style="color: #3366CC;">'关闭'</span><span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
				$<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">dialog</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'close'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
			<span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
			<span style="color: #3366CC;">'确定'</span><span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
				dlBtnEnable<span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">false</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><span style="color: #006600; font-style: italic;">//把按钮禁用</span>
				<span style="color: #006600; font-style: italic;">//ajax提交数据</span>
				$.<span style="color: #660066;">ajax</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span><span style="color: #006600; font-style: italic;">//这里就省略了,不是重点</span>
				<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
			<span style="color: #009900;">&#125;</span>
		<span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
		<span style="color: #000066;">close</span><span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
			<span style="color: #006600; font-style: italic;">//关闭窗口需要做的事情</span>
		<span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
		<span style="color: #000066;">open</span><span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
			$.<span style="color: #660066;">getJSON</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;test.php?id=&quot;</span><span style="color: #339933;">+</span>nowid<span style="color: #339933;">,</span>
				<span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>data<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>					
					<span style="color: #006600; font-style: italic;">//那数据来怎样....省略</span>
					dlBtnEnable<span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">true</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><span style="color: #006600; font-style: italic;">//可以按钮</span>
			<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 
		<span style="color: #009900;">&#125;</span>
	<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #006600; font-style: italic;">//控制按钮是否可用的函数.</span>
<span style="color: #003366; font-weight: bold;">function</span> dlBtnEnable<span style="color: #009900;">&#40;</span>enable<span style="color: #009900;">&#41;</span>
<span style="color: #009900;">&#123;</span>
    <span style="color: #003366; font-weight: bold;">var</span> dlgButton <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'.ui-dialog-buttonpane button'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><span style="color: #006600; font-style: italic;">//喔喔,全选所有dialog的按钮,你也可以加些条件,选定指定窗口,不过我这里没必要.</span>
    <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>enable<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
        dlgButton.<span style="color: #660066;">attr</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'disabled'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">''</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        dlgButton.<span style="color: #660066;">removeClass</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'ui-state-disabled'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #009900;">&#123;</span>
        dlgButton.<span style="color: #660066;">attr</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'disabled'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'disabled'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        dlgButton.<span style="color: #660066;">addClass</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'ui-state-disabled'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span></pre></td></tr></table></div>


	标签：<a href="http://www.vpnall.com/tag/dialog/" title="dialog" rel="tag">dialog</a>, <a href="http://www.vpnall.com/tag/jquery/" title="jquery" rel="tag">jquery</a>, <a href="http://www.vpnall.com/tag/js/" title="js" rel="tag">js</a><br />

	<h4>相关日志</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.vpnall.com/2009/03/jquery-ajax-introduction/" title="[转]jQuery Ajax 全解析 (2009-03-03)">[转]jQuery Ajax 全解析</a> (0)</li>
	<li><a href="http://www.vpnall.com/2009/03/%e5%8e%9f%e5%88%9b%e7%94%a8jquery%e5%81%9a%e4%ba%86%e4%b8%80%e4%b8%aa%e5%a4%8d%e5%88%b6%e6%b5%81%e9%87%8f%e7%9a%84%e4%b8%9c%e8%a5%bf/" title="[原创]用jquery做了一个复制流量的东西 (2009-03-28)">[原创]用jquery做了一个复制流量的东西</a> (0)</li>
	<li><a href="http://www.vpnall.com/2009/07/js%e5%ae%9e%e7%8e%b0%e9%a1%b5%e9%9d%a2%e7%84%a6%e7%82%b9%e8%ae%a1%e6%97%b6/" title="js实现页面焦点计时 (2009-07-27)">js实现页面焦点计时</a> (0)</li>
	<li><a href="http://www.vpnall.com/2009/05/jquery%e6%97%a5%e5%8e%86%e9%80%89%e6%8b%a9%e6%8f%92%e4%bb%b6datepicker-%e7%ae%80%e5%8d%95%e6%b1%89%e5%8c%96%e5%8f%8a%e5%ba%94%e7%94%a8%e5%ae%9e%e4%be%8b/" title="jquery日历选择插件datePicker 简单汉化及应用实例 (2009-05-22)">jquery日历选择插件datePicker 简单汉化及应用实例</a> (1)</li>
	<li><a href="http://www.vpnall.com/2010/01/jquery-1-3%e4%b8%ad%e6%96%b0%e5%a2%9e%e7%9a%84%e6%96%b9%e6%b3%95live%e7%9a%84%e5%ba%94%e7%94%a8/" title="jQuery 1.3中新增的方法live()的应用 (2010-01-29)">jQuery 1.3中新增的方法live()的应用</a> (0)</li>
	<li><a href="http://www.vpnall.com/2009/09/%e9%be%99%e5%8d%9aajax%e6%a1%86%e6%9e%b6/" title="龙博AJAX框架 (2009-09-08)">龙博AJAX框架</a> (0)</li>
	<li><a href="http://www.vpnall.com/2010/04/%e8%bd%ac-%e5%9c%a8%e6%b5%8f%e8%a7%88%e5%99%a8%e5%8f%b3%e9%94%ae%e6%b7%bb%e5%8a%a0%e8%87%aa%e5%ae%9a%e4%b9%89%e8%8f%9c%e5%8d%95/" title="转 在浏览器右键添加自定义菜单 (2010-04-27)">转 在浏览器右键添加自定义菜单</a> (0)</li>
	<li><a href="http://www.vpnall.com/2010/01/%e7%94%a8js%e7%9a%84json_decode%e8%a7%a3%e5%86%b3json%e4%b8%ad%e6%96%87%e7%bc%96%e7%a0%81%e9%97%ae%e9%a2%98/" title="用js的json_decode解决JSON中文编码问题 (2010-01-26)">用js的json_decode解决JSON中文编码问题</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.vpnall.com/2010/01/disable-a-button-in-a-jquery-dialog-from-a-function/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
