Javascript jQuery滚动条插件(mCustomScrollbar)未在AJAX回调上重新初始化

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"> <

我目前正在尝试实现一个包含一年中月份的下拉列表,用户单击月份将通过.load()加载适当范围的画廊图像

AJAX调用本身可以工作,但我无法让我的插件在回调中重新初始化,即滚动条不加载。 更让我困惑的是,只有在我之前没有使用main.js中的插件时,才会在回调中加载滚动条

我正在使用插件

以下是HTML:

<!-- 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");
    });
});