Javascript 对查询lightGallery+smoothdivscroll使用相同的选择器,

Javascript 对查询lightGallery+smoothdivscroll使用相同的选择器,,javascript,jquery,lightgallery,Javascript,Jquery,Lightgallery,我想使用smoothdivscroll作为一个滚动图像块,用户可以使用lightbox打开它。不幸的是,当使用相同的选择器时,这些脚本不起作用 <script type="text/javascript"> if (Modernizr.touch) { $(".scroll-banner").smoothDivScroll({ hotSpotScrolling: false, touchScrolling: true,

我想使用smoothdivscroll作为一个滚动图像块,用户可以使用lightbox打开它。不幸的是,当使用相同的选择器时,这些脚本不起作用

<script type="text/javascript">

 if (Modernizr.touch) {   
    $(".scroll-banner").smoothDivScroll({ 
        hotSpotScrolling: false,
        touchScrolling: true,
        manualContinuousScrolling: true,
        mousewheelScrolling: false
    });
} else {   
$(".scroll-banner").smoothDivScroll({ 
        mousewheelScrolling: "horizontal",
        mousewheelScrollingStep: -1,
        easingAfterMouseWheelScrollingFunction: "easeOutCirc",
        manualContinuousScrolling: true,
        autoScrollingMode: "onStart",
        scrollingHotSpotLeftClass: "prev",
        scrollingHotSpotLeftVisibleClass: "prevVisible",
        scrollingHotSpotRightClass: "next",
        scrollingHotSpotRightVisibleClass: "nextVisible",
});
}
$(function() {
$(".scroll-banner").lightGallery({
      loop:true,
      auto:false,
      pause:1000,
      counter:true,
      vimeoColor: "000000"
    });
});
</script>

如何让两个插件使用同一个选择器?

是否可以这样使用它:

$(document).ready(function() {
    var scrollbanner = $(".scroll-banner");
    scrollbanner.smoothDivScroll({ 
        mousewheelScrolling: "horizontal",
        mousewheelScrollingStep: -1,
        easingAfterMouseWheelScrollingFunction: "easeOutCirc",
        manualContinuousScrolling: true,
        autoScrollingMode: "onStart",
        scrollingHotSpotLeftClass: "prev",
        scrollingHotSpotLeftVisibleClass: "prevVisible",
        scrollingHotSpotRightClass: "next",
        scrollingHotSpotRightVisibleClass: "nextVisible",
    });

    scrollbanner.lightGallery({
        loop:true,
        auto:false,
        pause:1000,
        counter:true,
        vimeoColor: "000000"
    });
});

在代码中,一个函数在DOM就绪时调用,另一个未就绪时调用。更改将功能添加到div的执行顺序时,行为/错误是否会改变?

为什么$function{…}中的smoothDivScroll代码与其他函数不一样?你检查过这两个函数是否独立工作了吗?我现在已经更新了完整的代码,我正试图发布一个精简的版本。上述代码返回以下错误消息:未捕获类型错误:无法读取未定义的属性“match”,未能加载资源:net::ERR_FILE_NOT_FOUND。每个插件都有独立的功能,但在同一个选择上使用时,lightGallery将显示一个弹出屏幕,但没有图像。不幸的是,这不起作用。脚本仍显示以下错误:未捕获类型错误:无法读取未定义lightGallery.js:229 setUp.isVideo lightGallery.js:229 setUp.loadContent lightGallery.js:277 setUp.slide lightGallery.js:564 setUp.build lightGallery.js:114 setUp.init lightGallery.js:95匿名函数lightGallery.js:86 m.event.dispatchjquery.min.js:3r.handle