如何链接javascript函数在wordpress主导航菜单中有一个herf

Question

好吧，我想做的是将 javascript 应用到我网站上的一个主要导航选项卡上，或者 wordpress 将其称为菜单。我尝试使用的代码用于位于下方的随机发生器。

 var random = new Array();

    random[0] = "https://example.com";
    random[1] = "https://example.com";
    random[2] = "https://example.com";
    random[3] = "https://example.com";
    random[4] = "https://example.com";
    random[5] = "https://example.com";

    function randomlink() {
    window.location = random[Math.floor(Math.random()*random.length)];
    }

现在在网站上获取 javascript 不是主要问题，我的问题是将其链接到 wordpress 菜单上。在这个示例中，假设我刚刚在 wordpress 中创建了一个名为 Random 的新菜单，我想要的是用户在我刚刚添加的新导航选项卡中单击随机并被重定向到我在上面添加的随机页面之一。如果我没有使用 wordpress 并且这是硬编码的，我只需要添加以下内容：

<a href="javascript:randomlink()">Random</a>

为了让导航选项卡或名为 random 的菜单正常工作，但是 wordpress 不允许我只添加 javascript:randomlink() 作为在页面菜单部分工作的链接，所以我想知道如何链接将此脚本添加到 wordpress 的菜单中 提前谢谢你。

Answer 1

您可以使用 jQuery 向导航中的链接添加事件侦听器，以调用随机链接功能。这样，您无需接触标记即可处理点击。

$('.myNav li a').click(function(){
    randomlink();
});

编辑：您似乎已从标签中删除了 jQuery。

var elements = document.getElementsByTagName('a');
for(var i = 0, len = elements.length; i < len; i++) {
    elements[i].onclick = function () {
        randomlink();
    }
}