Question

我很难修改此代码以使用包含$.noConflict();的其他脚本。你们可以看看并告诉我们需要改变什么吗？

我试了几次，但是不想在这里发布我的失败代码，因为它可能与你无关......

原谅这样一个微不足道的问题，我还是jQuery初学者...

$(window).load(function() { 

            $('#slides').slides({
                preload: true,
                play: 5000,
                pause: 2500,
                hoverPause: true,
                animationStart: function(current){
                    $('.caption').animate({
                        bottom:-35
                    },100);
                    if (window.console && console.log) {
                    };
                },
                animationComplete: function(current){
                    $('.caption').animate({
                        bottom:0
                    },200);
                    if (window.console && console.log) {

                    };
                },
                slidesLoaded: function() {
                    $('.caption').animate({
                        bottom:0
                    },200);
                }
            });
        });

Answer 1

你应该能够像这样重写它：

jQuery(window).ready(function($) {
    ....
});

Answer 2

用户文档就绪功能正常

$(function(){
    // Your code goes here
});

这是准备好文件的简写。

$(document).ready(function(){
    // Your code goes here
});

这是一份很长的文件形式。

您可以使用其中任何一种，选择是您的。

Answer 3

您必须设置var jQuery = $.noConflict();。这是jQuery提供的功能，因为其他库也可以使用美元符号作为变量名称或函数。在你的jQuery代码中，你要使用var（在我的代码示例jQuery中）而不是美元符号。我已使用$.noConflict()发布您的代码：

var jQuery = $.noConflict();

jQuery(window).load(function() { 
            jQuery('#slides').slides({
                preload: true,
                play: 5000,
                pause: 2500,
                hoverPause: true,
                animationStart: function(current){
                    $('.caption').animate({
                        bottom:-35
                    },100);
                    if (window.console && console.log) {
                    };
                },
                animationComplete: function(current){
                    jQuery('.caption').animate({
                        bottom:0
                    },200);
                    if (window.console && console.log) {

                    };
                },
                slidesLoaded: function() {
                    jQuery('.caption').animate({
                        bottom:0
                    },200);
                }
            });
        });

注意：如果您想将另一个var用作'jQuery'，只需将'jQuery'更改为所需的变量。

Answer 4

如果您真的在寻找窗口加载处理程序，那么您可以使用IIFE创建一个快捷方式，将jQuery称为$

(function ($) {
    $(window).load(function () {
        $('#slides').slides({
            preload: true,
            play: 5000,
            pause: 2500,
            hoverPause: true,
            animationStart: function (current) {
                $('.caption').animate({
                    bottom: -35
                }, 100);
                if (window.console && console.log) {};
            },
            animationComplete: function (current) {
                $('.caption').animate({
                    bottom: 0
                }, 200);
                if (window.console && console.log) {

                };
            },
            slidesLoaded: function () {
                $('.caption').animate({
                    bottom: 0
                }, 200);
            }
        });
    });
})(jQuery);

再次$ .noConflict（）;问题

4 个答案: