6

我使用 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>

当我点击锚点（链接）时，整个作品 => 我看到了带有内容的模式。

但是，当我使用 Javascript 方式（而不是链接）来显示这样的模式时：

$('#myModal').modal('show');

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

当我通过单击链接开始，然后调用 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>
4

3 回答 3

8

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

根据我对您问题的理解，您需要

$('#myModal').modal({
    show: true,
    remote: '/myNestedContent'
});

你不能只是

$('#myModal').modal('show');

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

这能解决你的问题吗？

于 2013-08-25T04:57:30.120 回答
0

您需要做的是在与 js 一起使用时从html 标签中删除data-target，让它调用两次函数，然后一个显示它，另一个将其删除。我就是这样解决的。

于 2014-09-27T04:45:49.890 回答
0

读者应注意，“远程：”选项已被弃用...... 根据文档

“此选项自 v3.3.0 起已弃用，将在 v4 中删除。我们建议改用客户端模板或数据绑定框架，或自己调用 jQuery.load。

如果提供了远程 URL，内容将通过 jQuery 的 load 方法加载一次并注入到 .modal-content div 中。如果您使用的是 data-api，您也可以使用 href 属性来指定远程源。这方面的一个例子如下所示："

<a data-toggle="modal" href="remote.html" data-target="#modal">Click me</a>
于 2015-02-28T12:25:52.243 回答