如何链接一个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 menus.In上这个示例假设我在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();
    }
}