Member 8057273 Ответов: 0

Показать изображения погрузчика на частичную обратную передачу не работает

У меня есть главная страница и дочерняя страница в asp.net веб-сайт.
На главной странице у меня есть менеджер сценариев и я подключился к соответствующим файлам jquery, как показано ниже:
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<link rel="stylesheet" href="css/jquery-ui.css">
<script src="js/jquery-ui.js"></script>

На странице содержимого у меня есть несколько текстовых полей и кнопка внутри элемента управления updatepanel. Нажатие на эту кнопку частично отправляет сообщения обратно на сервер и извлекает данные.
Все это прекрасно работает до сих пор.
Однако я столкнулся с проблемой. Я хочу показать изображение загрузчика во время частичной обработки, которое не отображается при нажатии на кнопку. На главной странице Я поместил менеджер сценариев внутри тега формы, как показано ниже:
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>

Я создал следующий div для загрузчика на странице содержимого:
<div class="loader">
    <img src="images/loading2.gif" alt="">
</div>

Вот мой css для изображения загрузчика:
.loader 
{
 position: fixed;
 left: 0px;
 top: 0px;
 height: 100%;
 width: 100%;
 z-index: 9999;
 display: none;
}
.loader img
{
 display:block;
 position: absolute;
 margin: auto;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 margin:auto;
}

На странице содержимого я написал Jquery, как показано ниже:
<script>
    $(document).ready(function () {
        $('.loadloader').click(function () {
            $(".loader").show();
        });
    });
</script>

Примечание: здесь loadloader-это класс asp.net при нажатии на кнопку происходит частичная обратная передача, и должно появиться изображение загрузчика. Вы можете посмотреть ниже:
<asp:Button ID="btn_apst2proceed" runat="server" ValidationGroup="st1" Text="Proceed" onclick="btn_apst2proceed_Click" class="loadloader" />

На странице события загрузки страницы содержимого я написал этот скрипт:
if (((ScriptManager)this.Master.FindControl("ScriptManager1")).IsInAsyncPostBack)
{
    StringBuilder sb = new StringBuilder();
    sb.Append("<script language='javascript' type='text/javascript'>");
    sb.Append("Sys.Application.add_load(func);");
    sb.Append("function func() {");
    sb.Append("Sys.Application.remove_load(func);");
    sb.Append("$('.loader').hide();");
    sb.Append("}");
    sb.Append("</script>");
    ScriptManager.RegisterStartupScript(this, GetType(), "script", sb.ToString(), false);
}
Page.Header.DataBind();

Мне все кажется прекрасным, но я не понимаю, почему изображение загрузчика не отображается на частичной обратной стороне поста. Пожалуйста, помогите.

Что я уже пробовал:

Объясните это в самом объяснении.

0 Ответов