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

时间:2014-08-08 18:16:47

标签: 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">

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>

2 个答案:

答案 0 :(得分:6)

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

<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>

答案 1 :(得分:0)

非常确定您可以访问执行此操作的值,因为您在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