Закрытие DIV на странице ASP.NET с помощью главной страницы с помощью кнопки в DIV, где JQuery использовался для отображения DIV. - PullRequest
0 голосов
/ 18 октября 2019

У меня есть этот DIV на моей странице (которая имеет главную страницу)

<div id="whatsNew" runat="server" style="position:absolute;left:-500px;top:500px;background-color:aliceblue;">
    <button id="closeWhatsNew" style="cursor:pointer;" onclick="closeWhatsNewDiv();" type="button">Close</button>
    <p>
        <asp:Label ID="lblWhatsNew" runat="server"></asp:Label>
    </p>
</div>

Я показываю этот div на странице с:

   slideshowHandle = setInterval(showWhatsNew, 5);
    function showWhatsNew() {
        var windowWidth = $(window).width();
        var horizOffset = (((windowWidth - 500) / 2) + 50 + "px") ;
        $('#<%= whatsNew.ClientID %>').animate({ left: horizOffset  }, 2000);
    }

Я использовал setInterval, потому что я думалэто задержало бы отображение div, но проигнорируйте это. Div отображается на странице, и это нормально.

Что не хорошо, так это то, что кнопка в div не заставляет div исчезнуть. Вот что у меня сейчас не работает:

function closeWhatsNewDiv() {

    try {
        var windowWidth = $(window).width();
        var horizOffset = (((windowWidth - 500) / 2) + 50 + "px") ;
        $('#<%= whatsNew.ClientID %>').animate({ left: horizOffset * -1  }, 2000);
    }
    catch (e) {
        alert(e);
    } 
}

Я знаю, что эта функция запускается при нажатии кнопки, потому что я добавил в функцию alert (). И нет никаких исключений.

Мне действительно все равно, как div "уходит". Было бы неплохо изменить анимацию, но я бы согласился просто скрыть div.

Спасибо за любую помощь.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...