阻止用户界面无法阻止div

我试图通过点击一个按钮（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提前

来源

2013-07-03 Saurabh Palatkar

而不是指定blockit作为id你已经在jQuery中给它class。试试这个

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

来源

2013-07-03 02:41:30 Pbk1303

它的工作现在..但现在的问题是，块元素只是闪烁，在一秒钟内消失。我想它2000毫秒稳定 –

哦，我得到了它我的ASP按钮导致页面回发这就是为什么它没有持续......现在它的工作都是正确的。但现在的问题是，时间不工作，该div永久阻止 –

对于更容易和更快的选择，因为jQuery的Sizzle引擎进行了优化，使用ID选择，请执行以下操作：

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

你有选择以前是$('div.blockit')，这将遍历整个DOM，然后查找所有DIV元素，然后查找ID的blockit。

来源

2013-07-03 03:16:28

现在它的工作..但现在的问题是，块元素只是闪烁，在一秒钟内消失。我想它2000毫秒稳定 –

哦，我得到它我的ASP按钮导致页面回发这就是为什么它没有坚持...现在它的工作都是正确的。但现在的问题是，时间不能正常工作，并且div被永久阻止 –

阻止用户界面无法阻止div

回答

相关问题