Twitter BootStrap - 将多个数据传递到一个模态

NSa*_*aid 2 jquery twitter-bootstrap twitter-bootstrap-3

我想知道是否可以将多个数据值传递给twitter引导模型?

因此,假设我从表中的数据库中检索到名字和姓氏值(每个都有关联的ID)等.

我会这样称呼模型:

HTML

<a data-toggle="modal" data-target="#deleteConfirm" data-id="{fist_name=fname,last_name=lname}" class="confirmDelete">
Run Code Online (Sandbox Code Playgroud)

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>
Run Code Online (Sandbox Code Playgroud)

mcc*_*nnf 6

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

<a data-toggle="modal" data-target="#deleteConfirm" data-first_name="fname" data-last_name="lname" class="confirmDelete">
Run Code Online (Sandbox Code Playgroud)

而你的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>
Run Code Online (Sandbox Code Playgroud)