Bootstrap modal relatedTarget未定義

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

根據文件 ：

如果由單擊引起 ，則單擊的元素可用作事件的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

解決方案為我在bootstrap 2上工作：

$("a[data-toggle='modal']").on('click', function(e) {
    $_clObj = $(this); //clicked object
    $_mdlObj = $_clObj.attr('data-target'); //modal element id 
    $($_mdlObj).on('shown.bs.modal',{ _clObj: $_clObj }, function (event) {
           $_clObj = event.data._clObj; //$_clObj is the clicked element !!!
           //do your stuff here...
    });
});

Answer 6

試試這個：

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

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