Javascript jQuery滚动条插件(mCustomScrollbar)未在AJAX回调上重新初始化
我目前正在尝试实现一个包含一年中月份的下拉列表,用户单击月份将通过.load()加载适当范围的画廊图像 AJAX调用本身可以工作,但我无法让我的插件在回调中重新初始化,即滚动条不加载。 更让我困惑的是,只有在我之前没有使用main.js中的插件时,才会在回调中加载滚动条 我正在使用插件 以下是HTML:Javascript jQuery滚动条插件(mCustomScrollbar)未在AJAX回调上重新初始化,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,我目前正在尝试实现一个包含一年中月份的下拉列表,用户单击月份将通过.load()加载适当范围的画廊图像 AJAX调用本身可以工作,但我无法让我的插件在回调中重新初始化,即滚动条不加载。 更让我困惑的是,只有在我之前没有使用main.js中的插件时,才会在回调中加载滚动条 我正在使用插件 以下是HTML: <!-- Release Calendar Month Dropdown --> <div id="dropdown-release"> <
<!-- Release Calendar Month Dropdown -->
<div id="dropdown-release">
<ul>
<li>
Month
<ul>
<li id="nov14">November 2014</li>
<li>December 2014</li>
<li>January 2015</li>
<li>February 2015</li>
</ul>
</li>
</ul>
</div>
<div class="gallery"> <!-- ---------- GALLERY BEGINS ------------ -->
<div class="hidden" id="gallery-note">
<p><strong>Note:</strong> Tap gallery items to open<br/>in new tab</p>
</div>
<div class="gallery-img">
<a href="http://www.sneakersnstuff.com/en/product/16752/sneakersnstuff-reebok-inferno-15-stars" target="_blank">
<img class="lazy" src="img/loader.gif" delayedsrc="http://pngsneakerstuff.cachefly.net/images/105882/premium_full.jpg" />
</a>
<p class="imgDescription">November 22nd</p>
<span class="hidden">20141122</span>
</div>
<div class="gallery-img">
<a href="http://sneakernews.com/2014/11/13/bait-x-brooks-chariot-centennial-release-date/" target="_blank">
<img class="lazy" src="img/loader.gif" delayedsrc="http://cdn.sneakernews.com/wp-content/uploads/2014/11/bait-brook-chariot-centennial-3.jpg" />
</a>
<p class="imgDescription">November 22nd</p>
<span class="hidden">20141122</span>
</div>
.........etc
我也尝试过通过.ajaxComplete解决这个问题,但没有成功。
在这最后一点上已经坚持了很长时间,非常感谢您的帮助!:) 从您链接的插件站点: 更新
Usage$(选择器).mCustomScrollbar(“更新”)代码>
这可能是您希望在回调中调用的,而不是重新设置整件事。将其更改为“更新”,但不幸的是,相同的问题是:标准滚动条和实际网站突然允许您从画面右侧滚动到空白画布中。谢谢你给我指出这一点,提醒我一定要先查看文档。我应该指出:nov.html只是.gallery img div的另一个列表。我也有类似的问题。尝试在$(“.mCSB_container”)上加载,然后调用update.NICE,而不是在.gallery上加载。修复效果很好,谢谢你,奎师那!你应该把这个作为答案。
// within $(document).ready...
var galleryScroll = $(window).load(function() {
$(".gallery").mCustomScrollbar({
axis: "x",
advanced: { autoExpandHorizontalScroll: true }
});
});
$('#nov14').click(function() {
$(".mCSB_container").load("releases/november/nov.html",function(response,status,xhr){
$(".gallery").mCustomScrollbar("update");
});
});