Anchor onclick引導確認

Question

我有jquery數據表，其中包含刪除錨點的每一行。所以如果我點擊刪除確認應該顯示。

<a href="javascript:void(0);" onclick="" class="confirmation-callback"> 
    <button type="button" onclick="deleteInitialize(5)" class="btn btn-default" id="delete_row">Delete</button> 
</a> 

但我不能通過$('#anchorid')訪問此錶行「a」標記。所以我用onclick事件。但接下來的問題是我無法將這個確認插件工作給那些錨，因爲我之前解釋過的那個相同的問題。有人可以幫助我在onclick中包含這個插件方法。

下面是插件工作Jfiddle

http://jsfiddle.net/qk1b1tgz/3/

Answer 1

[編輯：這將只與單個行的工作，看看我的編輯再往下]

雖然這一點很難了解你的意思，但我想我知道你在找什麼。

只需提供您的onclick函數內部的確認功能如下：

function deleteInitialize(data){ 
    $('.confirmation-callback').confirmation({ 
     onConfirm: function() { alert("I will now delete "+ data) }, 
     onCancel: function() { alert("Ok, I will NOT delete "+ data) } 
    });  
} 

我把它應用到你的提琴：http://jsfiddle.net/qk1b1tgz/11/

編輯：的問題是使用不正確的使用選擇（如。你有.confirmation-callback在錨上，而它應該已經在按鈕上了），再加上你實際上可以完全擺脫用於onclick的功能，並且通過使用data att ribute如下：

下面是HTML：

<a href="javascript:void(0);"><button type="button" class="btn btn-default confirmation-callback" id="delete_row" data-data="6">Delete</button></a> 

<a href="#" class="btn btn-default confirmation-callback" data-data="7">Click me</a> 

和JS：

$('.confirmation-callback').confirmation({ 
    onConfirm: function() { 
     alert("OK, I will delete " + this.data) 
    }, 
    onCancel: function() { 
     alert("I will NOT delete " + this.data) 
    } 
}); 

這裏是更新的小提琴：http://jsfiddle.net/qk1b1tgz/13/