JQuery的insertBefore()不起作用

JQuery insertBefore() isnt working

本文关键字：不起作用 insertBefore JQuery      更新时间：2023-09-26

我有一个带有滑动导航条的WordPress站点。关闭时，它只显示图标。不幸的是，因为WordPress动态地做菜单，我没有办法硬编码图标。因此，我的解决方案是使用JQuery并使用insertBefore函数在链接标记之前插入一段html代码。我编了代码，上传了，结果什么都没发生。控制台也没有输出错误，所以我完全确定出了什么问题。

main.js 

(function ($) {
    $(document).ready(function () {
        $(document).keydown(function (e) {
            $("<i class='fa fa-comment fa-lg'></i>").insertBefore($('<a href="http://richmun.com/sample-page/">Conference</a>'));
            console.log("Inserted!")
            $("<i class='fa fa-question-circle fa-lg'>").insertBefore($(".about"));
            $("<i class='fa fa-users fa-lg'></i>").insertBefore($(".staff"));
            $("<i class='fa fa-globe fa-lg'></i>").insertBefore($(".committees"));
            $("<i class='fa fa-envelope fa-lg'></i>").insertBefore($(".contact"));
        });
    });
})(jQuery);

链接到网站

为什么需要将其绑定到"keydown"事件?

你有没有试过没有它，就像:

(function ($) {
    $(document).ready(function () {
        $("<i class='fa fa-comment fa-lg'></i>").insertBefore($('<a href="http://richmun.com/sample-page/">Conference</a>'));
        console.log("Inserted!")
        $("<i class='fa fa-question-circle fa-lg'>").insertBefore($(".about"));
        $("<i class='fa fa-users fa-lg'></i>").insertBefore($(".staff"));
        $("<i class='fa fa-globe fa-lg'></i>").insertBefore($(".committees"));
        $("<i class='fa fa-envelope fa-lg'></i>").insertBefore($(".contact"));
    });
})(jQuery);

请尝试删除$(document).keydown(function(e){

}

按下任意键后才能创建菜单。

我想知道什么jQuery。keydown做

祝你好运!我希望这对你有帮助!

相关文章：