Twitter BootStrap - 将多个数据传递给一个模式

Question

我想知道是否可以将多个数据值传递和检索到 twitter 引导模型？

假设我从表中的数据库中检索到名字和姓氏值（每个都有关联的 id）等。

我可以这样称呼模型吗：

HTML

<a data-toggle="modal" data-target="#deleteConfirm" data-id="{fist_name=fname,last_name=lname}" class="confirmDelete">

JQuery

<script>
$(document).on("click", ".confirmDelete", function () {
    var first_name= $(this).data('first_name');
    var last_name= $(this).data('last_name');
    $(".modal-body #currDeleteId").val( userDeleteId );
});
</script>

Answer 1

我会将它们作为单独的数据属性传递，如下所示：

<a data-toggle="modal" data-target="#deleteConfirm" data-first_name="fname" data-last_name="lname" class="confirmDelete">

您的 JQuery 不必更改：

<script>
$(document).on("click", ".confirmDelete", function () {
    var first_name= $(this).data('first_name');
    var last_name= $(this).data('last_name');
    $(".modal-body #currDeleteId").val( userDeleteId );
});
</script>

Answer 2

很确定您会访问这些值，因为您在 html 中使用 data-id。

var first_name = $(this).data('id').first_name;
var last_name = $(this).data('id').last_name;

http://api.jquery.com/data/#data2