2013-07-03 97 views
2

我試圖通過點擊一個按鈕(ID爲「Button1」的按鈕)來阻止特定的div(div與ID「blockit」),因爲我使用了阻止用戶界面的插件。但我無法阻止點擊按鈕上的div。這裏是我的代碼阻止用戶界面無法阻止div

<script src="jQuery 1.10.1.min.js"></script> 
<script src="blockui.js"></script> 

<script type="text/javascript"> 
     $(document).ready(function() { 
      $('#Button1').click(function() { 
       $('div.blockit').block({ 

        message: '<h1>Processing</h1>', 
        css: { border: '3px solid #a00' } 


       }); 
       setTimeout($.unblockUI, 2000); 
      }); 
     }); 

    </script> 

<body> 
    <form id="form1" runat="server"> 
     <div> 
      <asp:Button ID="Button1" runat="server" Text="Button" /> 

     </div> 
     <div id="blockit" style="width: 200px; height=200px;"></div> 
    </form> 
</body> 

請告訴我我在哪裏犯錯。 Thanx提前

回答

2

而不是指定blockit作爲id你已經在jQuery中給它class。試試這個

 $('div#blockit').block({.....}) 
+0

它的工作現在..但現在的問題是,塊元素只是閃爍,在一秒鐘內消失。我想它2000毫秒穩定 –

+0

哦,我得到了它我的ASP按鈕導致頁面回發這就是爲什麼它沒有持續......現在它的工作都是正確的。但現在的問題是,時間不工作,該div永久阻止 –

1

對於更容易和更快的選擇,因爲jQuery的Sizzle引擎進行了優化,使用ID選擇,請執行以下操作:

$('#blockit').block({ 
    message: '<h1>Processing</h1>', 
    css: { border: '3px solid #a00' } 
}); 

你有選擇以前是$('div.blockit'),這將遍歷整個DOM,然後查找所有DIV元素,然後查找IDblockit

+0

現在它的工作..但現在的問題是,塊元素只是閃爍,在一秒鐘內消失。我想它2000毫秒穩定 –

+0

哦,我得到它我的ASP按鈕導致頁面回發這就是爲什麼它沒有堅持...現在它的工作都是正確的。但現在的問題是,時間不能正常工作,並且div被永久阻止 –