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/