jQuery 函数 .prepend(） 不适用于 WordPress 导航菜单项

jQuery function .prepend() don't work with wordpress nav menu item

本文关键字：适用于 WordPress 导航 菜单项 不适用 函数 prepend jQuery      更新时间：2023-09-26

我在Wordpress中有一个菜单，我想将Appointlet脚本连接到它。代码在这里：

(function(e,t,n,r)
{
    if(e)return;
    t._appt=true;
    var i=n.createElement(r),s=n.getElementsByTagName(r)[0];
   i.async=true;i.src='//dje0x8zlxc38k.cloudfront.net/loaders/s-min.js';      
   s.parentNode.insertBefore(i,s)
})
(window._appt,window,document,"script")
<div data-appointlet="tfracine">
</div>

我的想法是创建具有空白名称的菜单项，获取其 id（例如，"#menu-item-66"）。然后使用 jQuery function.prepend（） 将我的代码添加到它前面。所以我创建了自定义js文件，将其包含在header.php文件中，文件中的代码是这样的：

$(document).ready(function(){
    $( "#menu-item-66" ).prepend( "Test" ); 
});

我从"测试"这个词开始，以确定它是否有效。

不幸的是，什么也没发生，我缺乏技能来弄清楚原因。有什么建议或更聪明的方法吗？

jQuery .prepend()函数将预置 jQuery 元素，而不是字符串。

因此，您必须通过以下方式创建一个 jQuery 元素：

var newElement = $('<p>New Element</p>');

在您的情况下，您可以做的是：

$(document).ready(function(){ $('#menu-item-66').prepend($('<p>This is a jQuery element</p>'); });

有关完整的参考，请查看 .prepend（） 文档。

.prepend（） 和 .prependTo（） 将指定的内容添加为第一个子项。这个问题有点不清楚。是否要将脚本插入您的div ？

相关文章：