gpt4 book ai didi

javascript - 将 Jquery 无冲突代码添加到我当前的代码中

转载 作者:行者123 更新时间:2023-11-28 18:45:06 24 4
gpt4 key购买 nike

我真的从来没有使用过 jQuery,所以我需要你们的帮助。我有一个包含大量 Jquery 代码的模板。在我的模板中包含 AngularJs 后,我的幻灯片放映有时会中断。我的 friend 建议我,我应该尝试添加 noConflict(); 行。基于documentation about noConflict我应该创建一个变量,并将其附加到我的代码中,但我真的不知道如何做。这是我用于创建幻灯片放映的 jquery 代码。

// on document ready
(function($){
"use strict";

var globalDfd = $.Deferred();
$(window).bind('load',function(){
// after loading all the scripts
globalDfd.resolve();
});

// camera slideshow
(function(){
var cs = $('.camera_wrap');
if(cs.length){
cs.camera({
height: '41%',
navigation: true,
pagination: true,
playPause:false,
thumbnails: false,
time: 4000,
transPeriod : 1000,
navigationHover: false,
onLoaded: function() {
var image = $('.camera_wrap .camera_src > [data-src]'),
len = image.length,
bullet = $('.camera_wrap .camera_pag_ul > li');
if(bullet.find('.custom_thumb').length) return;
for(var i = 0; i < len; i++){
bullet.eq(i).append('<div class="custom_thumb tr_all_hover"><img src="' + image.eq(i).data('custom-thumb') + '" alt=""></div>');
}
bullet.on("mouseenter mouseleave",function(){
$(this).children('.custom_thumb').toggleClass("active");
});
}
});
cs.find('.camera_prev').append('<i class="fa fa-angle-left"></i>');
cs.find('.camera_next').append('<i class="fa fa-angle-right"></i>');
}
})();

})(jQuery);

您能否提供示例,添加 noConflict 函数后这段代码应该是什么样子。预先感谢您。

最佳答案

我假设您已经经历了使用 noConflict() 的需要。您的代码如下所示

//Define you alias
var your_alias = $.noConflict(true);
(function() {

var cs = your_alias('.camera_wrap');
if (cs.length) {
cs.camera({
height: '41%',
navigation: true,
pagination: true,
playPause: false,
thumbnails: false,
time: 4000,
transPeriod: 1000,
navigationHover: false,
onLoaded: function() {
var image = your_alias('.camera_wrap .camera_src > [data-src]'),
len = image.length,
bullet = your_alias('.camera_wrap .camera_pag_ul > li');
if (bullet.find('.custom_thumb').length) return;
for (var i = 0; i < len; i++) {
bullet.eq(i).append('<div class="custom_thumb tr_all_hover"><img src="' + image.eq(i).data('custom-thumb') + '" alt=""></div>');
}
bullet.on("mouseenter mouseleave", function() {
your_alias(this).children('.custom_thumb').toggleClass("active");
});
}
});
cs.find('.camera_prev').append('<i class="fa fa-angle-left"></i>');
cs.find('.camera_next').append('<i class="fa fa-angle-right"></i>');
}
})();

如果您仍然遇到任何问题,请告诉我。

关于javascript - 将 Jquery 无冲突代码添加到我当前的代码中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35499001/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com