使用jQuery关闭模态弹出

Question

下面的代码是我的弹出视图。。。我想在点击弹出窗口顶部的关闭按钮（X）时关闭弹出窗口。。。在视图的底部，我有jquery来关闭弹出窗口。。但这不起作用。。我在另一个弹出窗口上弹出了。。就像父弹出窗口和子弹出窗口一样。在这种情况下，我必须关闭子弹出窗口。。。请帮帮我

<div class="modal-dialog" style="width:1056px" id="pop">
    <div class="modal-content">
       <div class="modal-header">            
            <input type="button" onclick="close()" id="button" value="Close [x]" />          

        </div>
        <div class="modal-body">
            <div class="scroller">
                <table class="display table table-striped table-bordered table-hover" id='tblTicket' cellspacing="0" width="100%">
                    <thead>
                        <tr>
                            <th>Data</th>                            
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Data</td>                            
                        </tr>

                    </tbody>
                </table>


                <table class="display table table-striped table-bordered table-hover" id='tblTicket' cellspacing="0" width="100%">
                    <tr>
                        <th>DATA</th>                        
                    </tr>

                    @foreach (var item in Model)
                    {
                        <tr>
                            <td>
                             data 
                            </td>                           
                        </tr>
                    }

                </table>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" language="javascript">
$("#button").click(function () {        
    $("#pop").close
       });
</script>

Answer 1

试试这个

<script type="text/javascript" language="javascript">
$("#button").click(function () {        
    $('#pop').modal('hide');
       });
</script>

Answer 2

请检查以下代码：

<script type="text/javascript" language="javascript">

    $("#button").click(function () { 
        $('#pop').modal('toggle');
        $('#pop').modal('hide');
        $('.modal-backdrop').removeClass('modal-backdrop');
        $('.fade').removeClass('fade');
        $('.in').removeClass('in');

        $('html, body').css({
            'overflow': 'auto',
            'height': 'auto'
        });

    });

</script>

干杯！！

Answer 3

试试这个代码：-

$("#button").click(function () { 

    $('#pop').modal('toggle');

});