如何在離開網站之前在“WordPress菜單”上顯示一個javascript確認框

Question

當用戶點擊WordPress菜單上的“論壇”鏈接時，我想顯示一個javascript消息框。

消息框應顯示“您要離開此網站...” 之類的消息 ， 一旦用戶確認消息框，它應該在新選項卡中打開外部鏈接。

我試過這個 ，但是當我離開網站或重新加載頁面時，它會觸發消息框。 我只想在單個WordPress菜單項上顯示此消息框。

我看到了一些教程來做到這一點，但無法在WordPress菜單上進行。

WordPress無法識別javascript:void(0)或URL部分上的任何其他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

最后，我得到了它的工作。 我正在逐步解釋它，所以有類似問題的人可以解決這個問題：

1. 將#放入您想要JavaScript函數的wordpress菜單URL中。
2. 從源代碼中跟蹤此菜單URL（li ID）鏈接。 在我的情況下，li id是menu-item-88 。 （此id由wordpress自動生成，始終是唯一的）
3. 將以下代碼放在當前主題的head標記結尾（open header.php find </head> ）之前。
4. 不要忘記將menu-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>

這將提示您，您將離開該網站。 如果單擊“確定”，它將在新選項卡中打開給定鏈接。

好。 多數民眾贊成......這將是神奇的。