通过按下按钮，twitter bootstrap模态消失

Question

我使用twitter bootstrap创建了一个窗口模式，但是当我按下删除按钮时，窗口模态消失了

我的Windows模式代码：

  <div class="modal fade" id="box-modal" tabindex="-1" role="dialog" aria-labelledby="myModal" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                <h4 class="modal-title">{% block modal_title %}<!-- Aqui va el titulo de la pagina modal --> {% endblock %}</h4>
                            </div>
                            <div class="modal-body">
                                <div class="alert hidden" id="modal-alert"></div>
 <form role="form" class="form-horizontal">
                <button type="submit" data-toggle="modal" data-target="#box-modal" name="delete-productCart" value="2" id="delete-productCart" class="btn btn-danger">               

    </form>
                            </div>
                            <div class="modal-footer">
                            {% block modal_footer %}
                            <!-- Aquí va el pie de la pagina modal -->
                            {% endblock %}
                            </div>
                        </div>
                    </div>
                </div>

当我点击按钮时，窗口模态消失

   $("#box-modal").on("shown",function(event)
   {

       $("#delete-productCart").click(function()
       {
           alert("hi");
       });

Answer 1

尝试删除属性

data-toggle="modal" data-target="#box-modal" 

从删除按钮

。默认情况下，这些是切换模态本身。 然后，您可以使用以下方法手动切换模态：

$('#box-modal').modal('toggle')