Question

我试图显示带有动态加载信息的TwitterBootstrap模态窗口。我想根据点击的按钮加载此信息。为此，我尝试使用event.relatedTarget（）函数，就像文档中推荐的那样。

不幸的是，这不会返回点击的按钮，因此我无法访问所需的数据类型。

<button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#myModal" data-type="close_service" data-id="<?php echo $currentServices["id"]; ?>">Close Service</button>

$("#myModal").on('show.bs.modal', function (event) {
  console.log("modal opening"); // This properly logs, so nothing wrong with opening

  var button = $(event.relatedTarget); // Button that triggered the modal
  console.log(button); // returns n.fn.init[0] with a bunch of info that has nothing to do with my button

  var type = button.data('type'); // Extract info from data-* attributes
  console.log(type); // returns undefined

});

感谢您的帮助。

Answer 1

也许你在使用bootstrap 2？在这种情况下，您必须使用： $（＆＃34;＃myModal＆＃34）。在（＆＃39;显示＆＃39;，...

而不是： $（＆＃34; #myModal＆＃34;）。on（＆＃39; show.bs.modal＆＃39;，

有关详细信息，请参阅http://getbootstrap.com/2.3.2/javascript.html#modals

TwitterBootstrap event.relatedTarget（）没有返回单击的按钮

1 个答案: