Question

我正在尝试使用relatedTarget事件的属性show.bs.modal获取点击的元素。但它总是变得不确定。

这就是我所拥有的：

  $("#curCarSelect").on('click', function(e) {
    $("#curCarModal").on('show.bs.modal', function(event) {
      modalOpenedby = event.relatedTarget; 
      alert(modalOpenedby);
    }).modal('toggle');
  });

Answer 1

尝试：

$("#curCarSelect").on('click', function(e) {
   $modal.modal('toggle', $(this));
});

其中$ modal是你要打开的模态元素，然后：

$modal.on('show.bs.modal', function (event) {
   var button = $(event.relatedTarget) // Button that triggered the modal
})

Answer 2

Per the documentation：

如果由点击引起，则点击的元素可用作活动的relatedTarget属性。

但你只是打电话给.modal('toggle')。 这不涉及任何点击事件，因此在您的案例中未定义relatedTarget原因。

Answer 3

如果你需要在动态打开的模态中使用event.relatedTarget，那么你可以将目标作为模态函数中的第二个参数传递。

$("#curCarSelect").on('click', function(e) {
    $("#curCarModal").modal('toggle', $("#curCarSelect")); 
});

Answer 4

我让它对我有用。试试这个：

$("#curCarSelect").on('click', function(e) {
    $("#curCarModal").on('show.bs.modal', function(event) {
        modalOpenedby = event.relatedTarget; 
        alert(modalOpenedby);
    }).modal('toggle', e);
});

Answer 5

试试这个：

$('#curCarModal').on('shown.bs.modal', function () {
    modalOpenedby = event.relatedTarget; 
});

$("#curCarSelect").on('click', function(e) {
    $("#curCarModal").modal('toggle'); 
    alert(modalOpenedby);
});

Bootstrap modal relatedTarget未定义

5 个答案: