Jquery 引导程序show.bs.modal未启动

我试图将元素的id传递给模态对话框。但是，事件不会被触发。我看过了，但没用。这就是我要做的

我构建了一组链接，如下所示

// invitations is an array of id's retrieved from the back-end
for (var i = 0; i < invitations.length; i++) {
   var labelTxt = '<label><a href="#" data-toggle="modal" id=' + invitations[i] + ' data-target="#modalInvitation">' +  invitations[i] + '</a></label>';
   $('<div>').text($(labelTxt).appendTo('#myDiv'));
}

<script type="text/javascript">
$(function() {
    $(document).on('show.bs.modal',
        '#modalInvitation',
        function() {
            var inviteId = e.relatedTarget.id;
            alert(inviteId);
        });
});

//邀请是从后端检索的id数组
对于（变量i=0；i<0.length；i++）{
var LabelText=''；
$（''）.text（$（labelText）.appendTo（'#myDiv'）；
}

我的模态对话框如下

<div id="modalInvitation" class="modal fade" role="dialog">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <h4 class="modal-title">Invite</h4>
         </div>
         <div class="modal-body">
            <button id="inviteBtn" type="button" class="btn btn-primary" data-dismiss="modal">Invite</button>
         </div>
         <div class="modal-footer">
            <button type="button" class="btn" data-dismiss="modal">Cancel</button>
         </div>
      </div>
   </div>
</div>

邀请
邀请
取消

最后，我调用事件show.bs.modal，如下所示

// invitations is an array of id's retrieved from the back-end
for (var i = 0; i < invitations.length; i++) {
   var labelTxt = '<label><a href="#" data-toggle="modal" id=' + invitations[i] + ' data-target="#modalInvitation">' +  invitations[i] + '</a></label>';
   $('<div>').text($(labelTxt).appendTo('#myDiv'));
}

<script type="text/javascript">
$(function() {
    $(document).on('show.bs.modal',
        '#modalInvitation',
        function() {
            var inviteId = e.relatedTarget.id;
            alert(inviteId);
        });
});

$（函数（）{
$（document）.on（'show.bs.modal'），
"modalInvitation",，
函数（）{
var inviteId=e.relatedTarget.id；
警报（inviteId）；
});
});

---

但是，事件show.bs.modal未启动。也提到了这个

嗯，代码没有问题。在将代码剥离到最低限度时，我注意到运行了两个版本的jQuery，如下所示

<script src="Scripts/jquery-1.10.2.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

---

移除后者可以解决问题。如果我只运行后者，问题仍然存在。不知道为什么

您是否在JS控制台中遇到错误？回调包含对

e.relatedTarget

的引用，但没有在

函数（）中声明参数
e
。