Twitter Bootstrap：使用远程选项渲染Modals时控制台js错误

Question

我遇到了Modals和远程选项的问题：如果我提供了一个远程href来加载来自该url的模态弹出窗口的内容，当出现模态窗口时我在控制台中出现此错误：

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

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

Answer 1

我对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>

Answer 2

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

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

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