如何在离开网站之前在“WordPress菜单”上显示javascript确认框

我想在用户点击WordPress菜单上的论坛链接时显示一个javascript消息框

消息框应该会显示一条消息，好像你要离开这个网站。。。用户确认消息框后，应在新选项卡中打开外部链接

，但当我离开网站或重新加载页面时，它会触发消息框。我只想把这个消息框放在一个WordPress菜单项上

我看了一些教程来做这件事，但不能在WordPress菜单上做

WordPress无法识别javascript:void0或URL部分的任何其他javascript函数

有什么想法吗？？？

您是否加载了jQuery？ 论坛链接在哪里？ 密码在哪里

<a href="http://www.yourforum.com" onclick="return confirm('Are you sure you want to leave?');" />

您是否加载了jQuery？ 论坛链接在哪里？ 密码在哪里

<a href="http://www.yourforum.com" onclick="return confirm('Are you sure you want to leave?');" />

---

将链接位置设置为如下所示：

javascript: if (confirm('Are you sure you want to leave?')) {window.open('http://www.yourforum.com','_blank');}

它应该生成html，如下所示：

<a href="javascript: if (confirm('Are you sure you want to leave?')) {window.open('http://www.yourforum.com','_blank');}">Link</a>

---

将链接位置设置为如下所示：

javascript: if (confirm('Are you sure you want to leave?')) {window.open('http://www.yourforum.com','_blank');}

它应该生成html，如下所示：

<a href="javascript: if (confirm('Are you sure you want to leave?')) {window.open('http://www.yourforum.com','_blank');}">Link</a>

---

如果您可以在任何地方将任何javascript添加到页面中，您可以执行以下需要jQuery的操作，但您说您已经加载了：

$("a[href='http://example.com/forum']").click(function() {
    alert("Good bye!");
    return true;
});

---

如果您可以在任何地方将任何javascript添加到页面中，您可以执行以下需要jQuery的操作，但您说您已经加载了：

$("a[href='http://example.com/forum']").click(function() {
    alert("Good bye!");
    return true;
});

---

我终于让它工作了。我正在一步一步地解释，这样有类似问题的人可以解决这个问题：

将您想要的JavaScript放入wordpress菜单url中 作用 从源代码中跟踪此菜单url li ID链接。就我而言，我的身份证 是菜单项88。此id由wordpress和 永远独一无二 将以下代码放在head标记open header.php的末尾之前 查找当前主题的名称。 别忘了将菜单id menu-item-88更改为您的。 这需要jQuery。因此，如果没有加载jQuery，那么在头部添加以下行

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

这将提示您，您将离开网站。如果单击“确定”，它将在新选项卡中打开给定链接

---

嗯。就这些。。这会很神奇。

我终于让它工作了。我正在一步一步地解释，这样有类似问题的人可以解决这个问题：

将您想要的JavaScript放入wordpress菜单url中 作用 从源代码中跟踪此菜单url li ID链接。就我而言，我的身份证 是菜单项88。此id由wordpress和 永远独一无二 将以下代码放在head标记open header.php的末尾之前 查找当前主题的名称。 别忘了将菜单id menu-item-88更改为您的。 这需要jQuery。因此，如果没有加载jQuery，那么在头部添加以下行

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

这将提示您，您将离开网站。如果单击“确定”，它将在新选项卡中打开给定链接

---

---

嗯。就这些。。这会很神奇。

您有权访问论坛元素吗？你能把点击事件绑定到它吗？@Aesthete，WordPress菜单项是用PHP代码动态生成的。我们有内置的菜单编辑器。但是javascript函数不能在那里输入。：Offtopic：不要这样做，这是骚扰用户的最快方式！更不用说梅知道这很烦人，但客户需要它生成的菜单项是否具有唯一的ID或类？您是否有权访问论坛元素？你能把点击事件绑定到它吗？@Aesthete，WordPress菜单项是用PHP代码动态生成的。我们有内置的菜单编辑器。但是javascript函数不能在那里输入。：Offtopic：不要这样做，这是骚扰用户的最快方式！更不用说梅知道这很烦人，但客户需要它生成的菜单项是否具有唯一的ID或类？是的。Jquery已加载。我知道，如果你使用纯html，这是可以做到的。但是WordPress菜单项是用PHP代码动态生成的。内置的菜单编辑器不支持任何javascript函数。刚刚测试过，效果不错@Libin只需找到模板文件/php文件并手动编辑即可。@Waltzy，没有好友。这和你想的不一样。WordPress将从数据库动态加载菜单。显示在外观中创建的导航菜单→ 菜单面板。因此无法手动编辑。@Libin如果可以设置链接目标，可以尝试以下操作：javascript:return确认“确实要离开吗？”：window.location=http://www.yourforum.com ? 虚假的@利宾，刚刚测试过这个，你需要在我的答案中找到类似的答案。是的。Jquery已加载。我知道，如果你使用纯html，这是可以做到的。但是WordPress菜单项是用PHP代码动态生成的。内置的菜单编辑器不支持任何javascript函数。刚刚测试过，效果不错@Libin只需找到模板文件/php文件并手动编辑即可。@Waltzy，没有好友。这和你想的不一样。WordPress将从数据库动态加载菜单。显示在外观中创建的导航菜单→ 菜单面板。因此，无法手动编辑它。@Libin，如果可以设置链接的话

---

您可以尝试以下操作：javascript:return确认“您确定要离开吗？”：window.location=http://www.yourforum.com ? 虚假的@利宾，刚刚测试过这个，你需要在我的答案中添加类似的内容。我非常感谢你的帮助。。但我的运气不好，都是因为WordPress。不能直接这么做。无论如何，我会寻求WordPress专家的帮助，但是我猜你可以设置菜单链接的url吗？所以你通常会把它放在哪里，把那行代码放在javascript开头：blablabla insteadYes我可以设置菜单的url。我试过了。但是wordpress不识别javascript:void0或任何其他javascript函数。它只是为了增加安全性而过滤掉。谢谢你的帮助，伙计。我自己回答。感谢您提供在新窗口上打开链接的代码：+我非常感谢你的帮助。。但我的运气不好，都是因为WordPress。不能直接这么做。无论如何，我会寻求WordPress专家的帮助，但是我猜你可以设置菜单链接的url吗？所以你通常会把它放在哪里，把那行代码放在javascript开头：blablabla insteadYes我可以设置菜单的url。我试过了。但是wordpress不识别javascript:void0或任何其他javascript函数。它只是为了增加安全性而过滤掉。谢谢你的帮助，伙计。我自己回答。感谢您提供在新窗口上打开链接的代码：+谢谢你的回答，伙计。我从中得到了灵感我自己回答+1给你谢谢你的回答，伙计。我从中得到了灵感我自己回答+1给你