Javascript 对查询lightGallery+smoothdivscroll使用相同的选择器,
我想使用smoothdivscroll作为一个滚动图像块,用户可以使用lightbox打开它。不幸的是,当使用相同的选择器时,这些脚本不起作用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,
<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