使用Jquery在Block UI中回发

时间:2012-06-13 11:54:19

标签: jquery asp.net postback blockui

我在网页中使用了blockui jquery。
问题是它在回发时没有采用settimeout函数。
它只会阻塞几秒钟。 我尝试从d网站。 http://malsup.com/jquery/block/#page
并尝试了许多替代方法,如ajaxStart和ajaxstop事件。
页面回发时没有时间。我的代码为

<script type="text/javascript">
        $(document).ready(function () {
            $('#demo10').click(function () {
                $.blockUI({
                    message: '<h1>Auto-Unblock!</h1>'
                });
                setTimeout($.unblockUI, 8000); 
            });
        }); </script>

    <div>
    <asp:Button ID="demo10" runat="server" Text="Run" />
    </div>

1 个答案:

答案 0 :(得分:1)

您的问题可能是因为您让点击回发了帖子。在click事件上返回false以防止它:

  $(document).ready(function () {
            $('#demo10').click(function () {
                $.blockUI({
                    message: '<h1>Auto-Unblock!</h1>'
                });
                setTimeout($.unblockUI, 8000); 

                return false;
            });
        }); 

在带有示例的页面中,按钮不是输入控件,而不是产品回发,这就是为什么示例代码没有使用此return false;在您的情况下,您的按钮呈现为输入控件,并且这使得回帖。