使用jquery.confirm.js的数据属性

时间:2016-07-19 15:58:55

标签: javascript jquery html

我正在尝试使用jquery.confirm脚本。它按预期启动,但我尝试使用传递到网站其他位置的控制器的自定义data属性,但我收到错误{{1} }。

undefined
<a class="confirmMemberDelete" data-title="Mr Goose" data-user="CON-000132456" data-username="Mr Goose" href="#">

两个自定义$(".confirmMemberDelete").confirm({ text: "Are you sure that you wish to delete this user?", confirm: function (button) { var conNum = $(this).attr('data-user'); var conName = $(this).attr('data-username'); alert("You just confirmed."); alert($(this).attr('data-user')); }, cancel: function (button) { alert("You aborted the operation."); }, confirmButton: "Yes I am", cancelButton: "No" }); 属性为datadata-user。确认脚本使用data-username作为确认框的标题。

我无法在线查找任何文档,因此任何帮助都会非常棒。

1 个答案:

答案 0 :(得分:0)

在3.3.4版中仍未修复,但是我可以通过以下方式提取数据属性。

<a class="confirmMemberDelete" data-title="Mr Goose" data-user="CON-000132456" data-username="Mr Goose" href="#">

$('.confirmMemberDelete').confirm({
    title: 'Make this my profile picture',
    buttons: {
        ok: function () {
            let user = $(this)[0].$target[0].dataset.user;              
            let username = $(this)[0].$target[0].dataset.username;              
            console.log(user, username);

        },
        cancel: function () {

        }
    }
});

查看此fiddle