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

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上运行良好。