Bootstrap 3 /显示模式不能与javascript方式一起使用

Mik*_*378 6 javascript jquery modal-dialog twitter-bootstrap twitter-bootstrap-3

我使用Bootstrap 3.0 的Modal功能.

我有这个代码:

<a data-toggle="modal" href="/myNestedContent" data-target="#myModal">
  Open the modal containing the content
</a>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
//nested content will be inserted here
</div>
Run Code Online (Sandbox Code Playgroud)

当我点击锚点(链接)时,整个工作=>我看到带有内容的模态.

但是,当我使用Javascript方式(而不是链接)来显示这样的模态:

$('#myModal').modal('show'); 
Run Code Online (Sandbox Code Playgroud)

我只看到淡化效果而没有显示模态...

当我开始点击链接,那么调用javascript,它的工作原理.(副作用?)

当我以javascript方式开始时,即使链接仅显示没有模态的淡入淡出效果.

可能是..来自modalJavascript方法的错误?

有关信息,我使用的脚本的声明顺序正确:

<script src="//code.jquery.com/jquery.js"></script>
<script src="javascripts/jquery.form.min.js"></script> 
<script src="javascripts/bootstrap.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

Tia*_*oon 8

我不确定我是否误解了你的问题.

根据我对你的问题的理解,你需要

$('#myModal').modal({
    show: true,
    remote: '/myNestedContent'
});
Run Code Online (Sandbox Code Playgroud)

你不能只是

$('#myModal').modal('show'); 
Run Code Online (Sandbox Code Playgroud)

因为这个js方法没有提供url.

这会解决你的问题吗?