javascript - 如何将此 jquery 代码转换为 noconflict

标签 javascript jquery css xhtml

我们必须用 jquery 替换每个 $ 吗?

$(document).ready(function() {

    $('.tabs a').click(function(){
        switch_tabs($(this));
    });

    switch_tabs($('.defaulttab'));

});

function switch_tabs(obj)
{
    $('.tab-content').hide();
    $('.tabs a').removeClass("selected");
    var id = obj.attr("rel");

    $('#'+id).show();
    obj.addClass("selected");
}

最佳答案

只要您确定该代码段仅包含 $ 的 jQuery 用法,您就可以将其包装在闭包中

(function($){
    $(document).ready(function() {

        $('.tabs a').click(function(){
            switch_tabs($(this));
        });

        switch_tabs($('.defaulttab'));

    });

    function switch_tabs(obj)
    {
        $('.tab-content').hide();
        $('.tabs a').removeClass("selected");
        var id = obj.attr("rel");

        $('#'+id).show();
        obj.addClass("selected");
    }
})(jQuery);

关于javascript - 如何将此 jquery 代码转换为 noconflict,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2720272/

相关文章:

javascript - 使用 webpack、gulp 和 typescript 加载 jQuery 插件

php - Cakephp 表单输入与日期选择器

javascript - 将 string.indexOf 的结果转换为 DOM 元素的引用路径

javascript - npm install 报错 as '' console.error (`a bug known to break npm. "

javascript - 按首字母对列表项目排序

javascript - window.getComputedStyle 的解释以及为什么 Chrome 以不同的方式处理它

javascript - 如何删除暂停菜单视频建议/相关视频(类 : ytp-pause-overlay) from Youtube embed

java - JQuery 获取表格最后一行的单元格,我们可以使用自动完成来隐藏其中的某些值吗

Javascript:如何从字符串末尾删除标点符号

php - 将 CSS 应用于 PHP 日期函数