在bootstrap模态窗口内设置局部视图

Question

我有像

这样的部分视图

<div data-id="myModal" class="modal" tabindex="-1" role="dialog">
   ....
   some content
</div>

如何在页面加载中设置此部分内部模态引导程序窗口 我试过

$(document).ready(function () {
      $('#myModal').modal('show');
});

但这不起作用

Answer 1

更改

<div data-id="myModal" class="modal" tabindex="-1" role="dialog">

到

<div id="myModal" class="modal" tabindex="-1" role="dialog">

Answer 2

要将模式应用于html，首先必须在页面上呈现html部分然后你可以像这样调用你的javascript：

@{Html.RenderPartial("~/Views/Shared/partial/myModal.cshtml");}

<script type="javascript">
    $(document).ready(function () {
      $('#myModal').modal('show');
    });
</script>

您可以考虑为模态id="myModal"而不是data-id="myModal"设置正确的ID。