时间戳

首页 > 解决方案 > Boostrap 4 模态在 asp.net 中不起作用

jquery - Boostrap 4 模态在 asp.net 中不起作用

问题描述

我正在尝试在我的 ASP.NET 页面中添加引导程序 4 的模式弹出窗口。请注意，当我尝试弹出模式时，它只会回发。我在网上看到一些建议说为表单标签之外的模态添加代码，更新面板等，但对我没有任何作用。我在一个普通的 html 页面中检查了相同的代码，它在那里工作得很好。请注意，我的页面中有一个更新面板。我尝试在此更新面板的内部和外部添加代码。不知道有什么问题？？任何帮助将不胜感激。

这是我的代码。

 <button id="btnModal" class="btn btn-info" >Show Modal</button>
    <div class="modal fade" id="BootstrapModal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h6 class="modal-title">warning!</h6>
                </div>
                <div class="modal-body">
                    Select row(s) to delete.
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(document).ready(function () {
            $('#btnModal').click(function () {
                $("#BootstrapModal").modal("show");
            });
        });

Jquery 和一切都在那里并且工作正常。但是这个模态调用只给了我一个回发......

标签： jqueryasp.netbootstrap-4modal-dialog

解决方案

将这些添加到您的按钮

<button type="button" id="btnModal" class="btn btn-info" data-toggle="modal" data-target="#BootstrapModal" >Show Modal</button>

并删除您的document.ready功能。

推荐阅读