У меня есть этот 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.
Спасибо за любую помощь.