Question

我尝试从bootstrap Modal中的按钮获取click事件，这是创建的抛出js。

<div class="modal fade in" id="myModal_4an2nk" role="dialog" style="display: block; padding-right: 17px;">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                 <button type="button" class="close" data-dismiss="modal">×</button><h4   class="modal-title">Löschen bestätigen</h4>    
            </div> 
            <div class="modal-body"> 
                <p>Möchten Sie den Datenstatz wirklich löschen?.</p>
           </div>
           <div class="modal-footer">
               <button type="button" class="btn btn-default" data-dismiss="modal">Schließen</button> 
               <button class="btn btn-danger removeEntryConfirm" data-dismiss="modal" id="583">Löschen</button>
           </div> 
       </div> 
    </div>
</div>

每个jquery都会将这个模态添加到我的Html中。不，我试图点击.removeEntryConfirm按钮。

$(document).on('click','#removeEntryConfirm',function(e){
    //do something
});

为什么事件不是trigert？

已更新

<button class="btn btn-danger removeEntryConfirm" data-dismiss="modal" id="583">Löschen</button>
$(document).on('click','.removeEntryConfirm',function(e){

});

工作

Answer 1

使用.选择课程。 removeEntryConfirm是一个不是ID

的类

试试这个：

$(document).on('click','.removeEntryConfirm',function(e){
 //do something
});

Answer 2

＆＃34;＃removeEntryConfirm＆＃34;应该是＆＃34; .removeEntryConfirm＆＃34;在javascript代码中。

你应该使用＆＃39;＃＆＃39;如果你想选择带有id属性的元素，你应该使用＆＃39;。＆＃39;如果要选择具有class属性的元素，则使用前缀。

Answer 3

@Guradio是对的，你正在使用ID选择器 $('#some_id')... 何时应该使用类选择器 $('.some_class')... 对于您要定位的元素。

另请注意，如果您使用JavaScript将模式的标记添加到页面，请确保在添加了您要定位的元素之后添加了单击处理程序，因为如果你之前添加它，选择器将找不到任何东西，它将不会做任何事情。

js从动态模态中的按钮获取事件

3 个答案: