Javascript 动态创建的Boostrap模式缺少RelatedTarget属性

我在HTML中动态构建了一个引导模式，该模式在服务器端生成，作为对AJAX调用的响应。问题是我在事件中看不到

relatedTarget

属性。请参阅下面的代码：

HTML:

打开模式的代码如下所示：

$(document).on('click', '.open-modal', function(e) {
        var $triggered_elem = $(this);
        var modal_id = $triggered_elem.data('target');
        $(modal_id).on('show.bs.modal', function(e) {
            var head = $triggered_elem.data('head') // Extract info from data-* attributes
            var modal = $(this);
            modal.find('.modal-title').text(head);
        }).modal({backdrop:'static',keyboard:false});
    });

---

有人知道问题的原因吗？

您在哪里触发

.modal

呼叫？确保将JQuery对象作为第二个参数传入，例如，

div.modal（'toggle'，$（///无论什么//）

查看更新的问题您试图引用的元素是什么

relatedTarget

？id为

open\u model\u test

的元素。根据）这就是

.open modal

的数据目标属性所指的吗？

$(document).on('show.bs.modal', '#new_message_form', function (e) {
    e.preventDefault();
    var $button = $(e.relatedTarget); // relatedTarget is undefined here
    var caller_type = $button.data('caller-type');
    alert(caller_type);
});

Both `#open_modal_test` element and `#new_message_form` are created dynamically.

$(document).on('click', '.open-modal', function(e) {
        var $triggered_elem = $(this);
        var modal_id = $triggered_elem.data('target');
        $(modal_id).on('show.bs.modal', function(e) {
            var head = $triggered_elem.data('head') // Extract info from data-* attributes
            var modal = $(this);
            modal.find('.modal-title').text(head);
        }).modal({backdrop:'static',keyboard:false});
    });