BlockUI jQuery при нажатии кнопки - PullRequest
Новая
       31

BlockUI jQuery при нажатии кнопки

0 голосов
/ 18 ноября 2011

ОТВЕТ : Исправлена ​​эта проблема:

Изменить селектор с $('#Button3') на $('#<%= Button3.ClientID %>')

Благодаря Юрию.

ВЫПУСК :

Я пытаюсь получить кнопку click для запуска плагина JQuery BlockUI .У меня возникли некоторые проблемы, это мой первый выстрел в JQuery.У меня действительно работает всплывающий пример Hello World, поэтому я думаю, что я близок, но могу использовать некоторую помощь, чтобы разобраться с остальными.

Вот код ... 

<script src="../../scripts/jquery-1.2.6.js" type="text/javascript"></script>
<script src="../../scripts/jquery.blockUI.js" type="text/javascript"></script>

<script type="text/javascript">
 $(document).ready(function() {
     $("#Button3").click(function() {
     $.blockUI();

     setTimeout(function() {
         $.unblockUI({
             onUnblock: function() { alert('onUnblock'); }
         });
     }, 2000);
   });
});

</script>

Я пытаюсь запустить это на странице aspx.Как уже говорилось, работает всплывающее окно Hello World, но не blockUI.

Любая помощь приветствуется.

Вот кнопка aspx ... 

 <td>
      <asp:Button ID="Button3" runat="server" Text="Button" />
  </td>

без кода позадисобытия на кнопке.

Эта страница также имеет мастер-страницу.

Некоторые изменения в коде приводили к этой ошибке при закрытии страницы в Visual Studio ...

Ошибка времени выполнения Microsoft JScript: Sys.ArgumentTypeException: объект типа 'Sys._Application' не может быть преобразован в тип 'Sys._Application'.Имя параметра: экземпляр

Ответы [ 3 ]

1 голос
/ 18 ноября 2011
1 голос
/ 18 ноября 2011

Сначала вы должны заблокировать пользовательский интерфейс. только тогда он будет разблокирован. Вы не можете разблокировать что-то, что не заблокировано как разблокировано == не заблокировано .

Поэтому раскомментируйте первую строку внутри события нажатия кнопки в вашем коде.

Демо: http://jsfiddle.net/naveen/D9GCj/1/

Обратите внимание, что asp:Button будет отображаться как input type="submit"

0 голосов
/ 18 ноября 2011

Вы можете попробовать этот способ 

$(document).ready(
    function() {
        Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(onRequestStart)
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(onRequestEnd)
    }
);

function onRequestStart() {
    $.blockUI();
}

function onRequestEnd() {
    $.unblockUI();
}

Кнопка OnClick: 

Protected Sub OnClick(sender As Object, e As EventArgs)
    Thread.Sleep(5000)
    Button1.Text = "Done"
End Sub
...