Question

我试图在我正在处理的项目上使用魔术线菜单。 jQuery脚本适用于jquery 2.1.4。我需要更新以获取下面的代码才能使用最新版本的jQuery 3.3.1？

或者，如果有最新的魔术线插件适用于最新的jQuery版本，请推荐它。

我试图在WordPress网站上使用这个jQuery函数，它似乎不起作用。在普通的HTML模板中，当加载最新版本的jquery时它也不起作用，但是对于旧版本的jquery可以正常工作。

代码：

$(document).ready(function(){

        var nav_wrap = $(".sliding-menu"),
        elem_width,
        elem_left_offset,
        elem_parent,
        slider_line;

    $(window).load(function(){

        nav_wrap.each(function(){
            $(this).append('<li class="sliding-line"></li>');

            var start_elem_width = 0;
            var start_elem_offset = 0;
            var active_elem = $(this).find(".active");

            if(active_elem.length){
                start_elem_width = active_elem.outerWidth();
                start_elem_offset = active_elem.position().left;
            }

            $(this).find(".sliding-line").css({
                "width": start_elem_width + "px",
                "left": start_elem_offset + "px"
            })
            .data("width", start_elem_width)
            .data("left", start_elem_offset);
        });

    });

    nav_wrap.find("li a").hover(function(){

        elem_parent = $(this).parent();
        elem_width = elem_parent.outerWidth();
        elem_left_offset = $(this).position().left;
        slider_line = elem_parent.siblings(".sliding-line");
        slider_line.stop().animate({
            "width": elem_width + "px",
            "left": elem_left_offset + "px"
        });

    }, function(){

        slider_line.stop().animate({
            "width": slider_line.data("width") + "px",
            "left": slider_line.data("left") + "px"
        });

    });

});

Answer 1

我找到了解决方案。代码不会过时，无需编辑功能。我已将以下代码添加到JS文件中：

jQuery（document）.ready（function（$）{

现在它在WordPress上运行良好。

如何更新此jQuery脚本以使用最新的jQuery版本3.3.1？

1 个答案: