jQuery 函数 .prepend() 不适用于 wordpress 导航菜单项答案

【问题标题】：jQuery function .prepend() don't work with wordpress nav menu itemjQuery 函数 .prepend() 不适用于 wordpress 导航菜单项
【发布时间】：2015-01-29 00:39:10
【问题描述】：

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

(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" ); 
});

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

不幸的是，什么也没发生，我没有能力找出原因。有什么建议或更聪明的方法吗？

【问题讨论】：

你需要做一些类似的事情： $('#menu-item-66').prepend('

');

标签： javascript jquery wordpress menu

【解决方案1】：

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() documentation。

【讨论】：

【解决方案2】：

.prepend() 和 .prependTo() 将指定的内容添加为第一个子项。问题有点不清楚。你想把你的脚本插入你的分区？

【讨论】：