Jquery ui 将参数从href传递到jquery对话框

我在一个页面上有几个delete href

<a href="#" class="delete" data-key=\'{"param1":"'.$id.'", "param2":"'.$id_table.'", "param3":"'.$table.'", "param4":"'.$paginanaam.'", "param5":"'.$template.'", "param6":"'.$lang.'"}\'><i class="fa fa-minus-square fa-lg"></i></a>

当用户点击这个链接时，我会显示一个jquery框，询问他是否确定要删除

到目前为止，一切正常，但我无法使用数据键中的参数设置window.location.href。如果你能帮忙，我将不胜感激。 我举了一个例子：

$（“.delete”）。单击(
函数（）{
$（“#对话框确认”）。对话框({
可调整大小：false，
身高：170，
莫代尔：是的，
按钮：{
“Verwijder”：函数（）{
var me=$（此），
data=me.data（'key'）；
window.location.href=“pagina_delete.php？id_record=“+data.param1+”&id_table=“+data.param2+”&table=“+data.param3+”&paginaaam=“+data.param4+”&template=“+data.param5+”&lang=“+data.param6；
},
取消：函数（）{
$（此）.dialog（“关闭”）；
}
}
}
);
});

您需要捕获所单击元素的上下文

直接在

单击

事件处理程序中，可以存储

此

的当前值（它将引用单击的元素），然后可以在嵌套的对话框方法/选项中使用此变量

在本例中，您只需在dialog方法中使用

var data=$（self.data（'key'）

$(".delete").click(function () {
    var self = this;

    $("#dialog-confirm").dialog({
        resizable: false,
        height: 170,
        modal: true,
        buttons: {
            "Verwijder": function () {
                var data = $(self).data('key');
                window.location.href = "pagina_delete.php?id_record=" + data.param1 + "&id_table=" + data.param2 + "&table=" + data.param3 + "&paginanaam=" + data.param4 + "&template=" + data.param5 + "&lang=" + data.param6;
            },
            Cancel: function () {
                $(this).dialog("close");
            }
        }
    });
});

现在返回的me.data（'key'）是什么，null？

$(".delete").click(function () {
    var self = this;

    $("#dialog-confirm").dialog({
        resizable: false,
        height: 170,
        modal: true,
        buttons: {
            "Verwijder": function () {
                var data = $(self).data('key');
                window.location.href = "pagina_delete.php?id_record=" + data.param1 + "&id_table=" + data.param2 + "&table=" + data.param3 + "&paginanaam=" + data.param4 + "&template=" + data.param5 + "&lang=" + data.param6;
            },
            Cancel: function () {
                $(this).dialog("close");
            }
        }
    });
});