1

我对Modals和远程选项有疑问：如果我提供远程 href 以从该 url 加载模态弹出窗口的内容，当模态窗口出现时，我会在控制台中收到此错误：

"Error: Syntax error, unrecognized expression: /my/url" (jquery.min.js row2)

有同样问题和/或解决方案的人吗？

4

2 回答 2

0

我有同样的问题。解决方案是使用data-href属性而不是href：

<a data-toggle="modal" data-href="http://your/link" data-target="#my-modal" >modal link</a>

作为href值，Bootstrap 模式需要有效的选择器。

于 2014-02-11T10:11:42.977 回答
0

我对 bootstrap 3 有同样的问题。它适用于内联加载（href="#id"）但在尝试加载远程内容时同样的错误，无论是通过href="remote/url"或data-target="remote/url"

编辑：

我找到了正确的方法。

Bootsrap 总是需要一个模态容器，将 ajax 加载的内容注入其中。因此，您需要为链接提供两个属性：远程目标和要显示的 div。

这是最简单的方法：

<!-- The modal trigger link -->
<a data-toggle="modal" href="http://your/link" data-target="#my-modal" >modal link</a>

<!-- Invisible modal to render content -->
<div class="modal fade popin" id="my-modal" tabindex="-1" role="dialog" aria-hidden="true"></div>
于 2013-10-02T08:36:05.373 回答