Question

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

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

不幸的是，没有任何事情发生，我缺乏找出原因的技能。有什么建议或更聪明的方法吗？

Answer 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输出。

Answer 2

.prepend（）和.prependTo（）将指定的内容添加为第一个子项。问题有点不清楚。你想在你的内部插入你的脚本吗？ div？

jQuery函数.prepend（）不能与wordpress导航菜单项一起使用

2 个答案: