2013-08-06 60 views
2

通常,當單擊錨標記時,它將重定向到「href」屬性中給出的某個url。有沒有可能在這裏進行確認。當我們點擊錨標籤時,它會顯示確認信息「您確定要繼續嗎」,如果我們點擊「是」,它會重定向到在「href」中給出的那個網址。如果我們點擊「否」,它將保持在同一頁面中。請分享你可能擁有的任何想法。Jquery確認錨標記中的函數

+1

檢查此http://jsfiddle.net/Nqzek/ – PiLHA

+1

當然這是可能的!你有什麼嘗試? –

+0

看看這個:http://stackoverflow.com/questions/1289234/alerts-when-navigating-away-from-a-web-page – Hrishi

回答

14

試試這個

<a href="http://www.google.com" onclick="return confirm('Are you sure?')" >click here</a> 
3

你可以這樣做:

$('a').click(function(){ 
    return confirm('Are you sure want to continue?'); 
}); 

因此,如果用戶點擊的取消返回false和鏈接,沒有地方給你。

2

$('a').click(function(){ 
    return confirm('do you want to proceed') 
}) 
1

嘗試

<a href="www.anysite.com" onclick="return confirm('Are you sure?')">Any site</a> 
1
$('a').click(function(){return confirm('sure?')}) 
2

您可以通過下面的HTML鏈接和jQuery代碼做到這一點。不要忘記包含http://jquery.com的Jquery庫。

<a href="go.html?id=22" class="confirm">Go>></a> 

<!-- Include jQuery - see http://jquery.com --> 
<script type="text/javascript"> 
    $('.confirm').on('click', function() { 
     return confirm('Are you sure want to continue?'); 
    }); 
</script> 
1

如果你想要一個時尚的盒子,jQuery有一個對話框控件。 這是指向部件的API的鏈接: Dialog Widget - Open content in an interactive overlay.

我將它用作我的confirm()的一部分。

+0

這是一個很好的教程jQuery式對話框: http:// savage.net.au/jQuery-tutorials/html/dialog.boxes.html –