Question

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

消息框应显示“您要离开此网站...”和消息，一旦用户确认消息框，它应该在新标签页中打开外部链接。

I had tried this，但是当我离开网站或重新加载页面时，它会触发消息框。我只想在单个WordPress菜单项上显示此消息框。

我看到了一些教程来执行此操作，但无法在WordPress菜单上执行此操作。

WordPress无法识别网址部分上的javascript:void(0)或任何其他javascript函数。

任何想法??

Answer 1

你有加载jQuery的吗？论坛链接在哪里？代码在哪里？

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

Answer 2

将链接位置设置为以下内容：

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>

我在JS小提琴中进行了测试，似乎工作正常，因此您应该能够将其作为数据库中的链接位置。

编辑：

// for a new tab
window.open(url,'_blank');
// for a redirect in same window
window.location=url;

Answer 3

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

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

Answer 4

最后我开始工作了。我正在逐步解释它，所以有类似问题的人可以解决这个问题：

将#放入您想要JavaScript的wordpress菜单网址中功能
从源代码中跟踪此菜单URL（li ID）链接。在我的情况下li id 是menu-item-88。（此id由wordpress和。自动生成永远是独一无二的）
将以下代码放在head标记的末尾之前（打开header.php 找到当前主题的</head>}。
不要忘记将菜单ID menu-item-88更改为您的。

<script type="text/javascript">

jQuery.noConflict();
jQuery(document).ready(function(){
var menuID = jQuery('#menu-item-82');

findA = menuID.find('a');

findA.click(function(event){
if(confirm("YOU ARE LEAVING THE WEBSITE" + '\n' + "" + '\n' + "You are about to leaving the website to go to the external forum" + '\n' + "" + '\n' + "The FORUM will open in a new tab")) 
{
window.open('http://www.yourforum.com/','_blank'); //This will open the website in a new tab
}

});
});
</script>

这需要jQuery。因此，如果未加载jQuery，请将以下行添加到您的脑中。

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

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

确定。多数民众赞成......这将是神奇的。

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

4 个答案: