Bootstrap 的模式不适用于具有外部 jQuery 链接 ASP.NET Core 8 的区域

Question

我很好奇为什么 bootstrap 的模式在内部 jQuery 脚本的情况下适用于 ASP.NET Core 区域，但不适用于外部链接，而在具有内部脚本和外部链接的 ASP.NET Core 区域之外工作。

我希望模态能够与外部链接一起正常工作，该外部链接在外部区域存在的布局中引用。

提前感谢您的关注和回答

Answer 1

根据您的描述，我建议您可以检查以下内容，首先确保您使用了正确的_ViewStart以及正确的布局路径。

如下：

@{
    Layout = "/Views/Shared/_Layout.cshtml";
}

其次，我建议您可以重新检查布局的 jquery 、 bootstarp 或 else 脚本和 css 版本，以确保其与您的内部脚本链接匹配。

第三，您应该使用@scrtion来确保脚本运行良好。

如下：

<button type="button" class="btn btn-primary" onclick="showCreate(1)">
    Create Record
</button>
    <!-- Modal Structure -->
    <div class="modal fade" id="createModal" tabindex="-1" role="dialog" aria-labelledby="createModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="createModalLabel">Create Seizure</h5>
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                   
                </div>
                <div class="modal-body" id="modal-body-content">
                </div>

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

    @section Scripts {



        <script type="text/javascript">

            function showCreate(rqKey) {
                document.getElementById('modal-body-content').innerHTML = "test descriptin here";
                $('#createModal').modal('show');

            }
        </script>
    }

结果：