確認ダイアログを削除リンクに追加しようとしていますが、理想的にはデータ属性を使用したいと考えています。data-confirm
ここで属性を見ましたJQueryを任意の要素に追加するための控えめな方法ですが、保存できないようです。
これが私のリンクコードです(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();
}
}
});
});
});
コンソール エラー:
キャッチされていない TypeError: Object function (a, b) { return new e.fn.init(a, b, h) } has no method 'prompt'
誰かがこれについて正しい方向に私を向けることができますか?