jQueryプラグインは、単一の要素をブロックすることで、ユーザーがクリックできなくなります.
2977 ワード
<br/><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"/>
<br/><script type="text/javascript">
<br>// js ,
<br>//-------------- begin ------------------
<br>(function ($) {
<br>// , .
<br>$.fn.mask = function () {
<br>var divHtml = '<div class="divMask" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: #fff; opacity: 0; filter: alpha(opacity=0)"> </div>';
<br>$(this).wrap('<span style="position: relative"></span>');
<br>$(this).parent().append(divHtml);
<br>$(this).data("mask","true");
<br>}
<br>//
<br>$.fn.unmask = function () {
<br>$(this).parent().find(".divMask").remove();
<br>$(this).unwrap();
<br>$(this).data("mask", "false");
<br>}
<br>})(jQuery);
<br>//-------------- end ------------------
<br>// disabled , , 。
<br>// , 。
<br>function changeA2(obj) {
<br>var t = { 'key': 'b', 'value': '2' };//
<br>if (obj.value == t.key) {
<br>$("#A2").val(t.value);
<br>$("#A2").mask();
<br>} else {
<br>$("#A2").val("");
<br>$("#A2").unmask();
<br>}
<br>}
<br></script>
<br/>
<br/>
<br/><select name="A1" id="A1" onchange="changeA2(this)">
<br/><option value="">-- --</option>
<br/><option value="a">a</option>
<br/><option value="b">b</option>
<br/><option value="c">c</option>
<br/><option value="d">d</option>
<br/></select>
<br/><select name="A2" id="A2">
<br/><option value="">-- --</option>
<br/><option value="1">1</option>
<br/><option value="2">2</option>
<br/><option value="3">3</option>
<br/><option value="4">4</option>
<br/></select>
<br/>
<br/>
<br/>
</code></pre>
<div class="clearfix">
<span id="art_bot" class="jbTestPos"/>
</div>
</div>
</div>
</div>