我正在尝试向删除链接添加确认对话框,并且理想情况下希望使用数据属性。我在这里看到了data-confirm
属性Best unobtrusive way to add JQuery confirm to an absolute element但似乎无法保存它。
这是我的链接代码(MVC 3 Razor)
or <a href="@Url.Action("DeleteCustomerPhone",new { id = phone.Id })" class="delete" data-confirm="Delete this phone number?">delete</a>
Javascript(稍微修改以匹配我的现在):
$(document).ready(function() {
$("[data-confirm]").click(function(event) {
var confirmPrompt = event.currentTarget.attributes['data-confirm'].value;
event.preventDefault();
$.prompt(confirmPrompt, {
buttons: { Yes: true, No: false },
callback: function(v, m, f) {
if (v) {
// User clicked Yes. Unbind handler to avoid
// recursion, then click the target element again
$(event.currentTarget).unbind('click');
event.currentTarget.click();
}
}
});
});
});
控制台错误:
未捕获的类型错误:对象函数 (a, b) { return new e.fn.init(a, b, h) } 没有方法“提示”
有人可以为此指出正确的方向吗?