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属性更简单，如下所示：

这是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/

锚定onclick引导确认

1 个答案: