Question

我有一个观点，我试图在用户点击按钮后以模态显示。

我已成功在隔离的应用程序中使用此代码：

<a @*id="listed"*@ class="btn btn-primary" id="modalEdit" data-toggle="modal" 
data-target="#editModal"><i class="fa fa-pencil-square-o"></i>Edit</a>

            <div class="modal fade" id="editModal" >

                <div class="modal-dialog">

                    <div class="modal-content">

                        <div class="modal-header">
                            <div class="modal-title">Edit Notification</div>

                        </div>

                        <div class="modal-body">
                            @{
                                Html.RenderAction("Edit");
                            }
                        </div>
                    </div>

                </div>

            </div>

但是，当我在我的应用程序中使用相同的代码时，单击按钮时模式不会打开。 注意： 模态按钮位于我的应用程序中的<td>个元素之间。我尝试过的方法如下：

jQuery方法＃1

$(document).ready(function () {
 $('#modalEdit').click(function () {
    $('#editModal').modal({
        show: true,
        closeOnEscape: true
    });
  });
});

jQuery方法＃2

$(document).ready(function () {
 $('#modalEdit').on("click", function () {
    $('#editModal').modal('show')
  });
 });

恢复默认的bootstrap.css文件：

我编辑了这个文件来覆盖一些默认的bootstrap，并认为这些自定义可能会中断默认的bootstrap模式代码但是，我恢复了这些默认值但仍然没有成功。

C＃ - bootstrap模式不会在单击事件上启动

0 个答案: