我的 bxslider 可以工作,但是当我尝试在 a) updatepanel 或 b) jquery ajax 调用之后运行它时,宽度重置为 100px,而不是我的外部 div 的宽度为 960px。这发生在一些基本动画之后,例如 slideToggle 或 show。这是我的代码
<script type="text/javascript">
function pageLoad(sender, args) {
if (args.get_isPartialLoad()) {
var eventSlider = $("#season-slider").bxSlider();
$(".event-list li a").click(function() {
//var eventID = $(this).
var selectedIndex = $(this).closest("li").index();
$('html, body').animate({ scrollTop: 0 }, 'slow',
function() {
eventSlider.goToSlide(selectedIndex - 1);
});
//eventSlider.reloadShow();
});
$(".down-slide-panel").stop(true, true).slideToggle('slow', "easeOutQuart", function () {});
}
else {
}
}
</script>
当我执行slideToggle 位时,它的宽度已重置为100px,如果我不slideToggle 它工作正常。所以我尝试将 slidetoggle 更改为 show() 并遇到了同样的问题。为什么这些动画将其宽度重置为 100 像素?
奇怪的是,这只发生在 Chrome、Firefox 和 IE9 中,而不是 IE7 或 IE8!