Question

<a class="my_link" data-val="user1" href="#">modal link</a>

我有这个链接打开一个bootstrap模式，但我需要传递数据属性“data-val”。我尝试使用javascript，但我没有得到它。你能帮我吗？

Answer 1

您可以在模态上侦听range()事件，并将点击的元素作为事件的show.bs.modal属性提供。检查Bootstrap模态documentation以获取进一步的参考。

以下是使用Bootstrap v4的工作示例。

relatedTarget

$('#my-modal').on('show.bs.modal', function (event) {
  var myVal = $(event.relatedTarget).data('val');
  $(this).find(".modal-body").text(myVal);
});

Answer 2

您可以只设置模式

<div  class="modal fade" id="setTypeModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">

然后用

调用

 $('#setTypeModal').modal('show');

然后您可以使用Jquery等访问模式中的元素。

最后使用click事件做更多工作，并使用

关闭模式

 $('#setTypeModal').modal('hide');

将数据属性传递给模态引导程序

2 个答案: