javascript - 在 Bootstrap 模式弹出窗口上添加关闭链接

Question

我有一个弹出窗口表单，我使用 Bootstrap 模式来使其工作。这是窗口的 ID 和类。

<div class="modal hide" id="myModal">

<a href="#" class="close-modal" id="close-modal">Close</a>

<div class="modal-header">
<p>Hello there!</p>
</div>


<div class="modal-body">
<!--email form-->
</div>

</div>

我使用这个 jquery 代码来使其工作。但还是不行。

<script type="text/javascript">
$(document).ready(function(){
    $('#myModal').hide(); //hides the modal div to be displayed later
    $('#close-modal').on('click', function(){ 
        $('#myModal, #close-modal').toggle();
        $('#myModal').modal();
    });

    $('#close-modal').on('click', function(){ 
        $('#myModal').modal.close();
        $('#myModal, #close-modal').toggle();
    });
});
</script>

Answer 1

尝试做:

<script type="text/javascript">
$(document).ready(function(){
    $('#myModal').hide(); //hides the modal div to be displayed later

    $(document).on('click', '#close-modal' , function(){ 
        $('#myModal').modal('hide');
    });
});
</script>