jquery - 在 Twitter Bootstrap 模式中启用 anchor

Question

我有一个运行完美的 Bootstrap 模式。

模式的页眉/正文/页脚填充了正确的数据。在模态主体内，我有一些带有其他页面链接的内容，但由于某种原因，它们“类似”被禁用。

我猜 bootstrap 应用了 event.preventDefault();模态体内的所有链接或类似的东西。

有办法重新启用它们吗？

HTML:

<div class="modal show fadein static-modal" id="singlePageBox" data-show="true" data-backdrop="true" data-toggle="modal">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h2 id="myModalLabel">dummy header</h2>
        </div>
        <div class="modal-body">
            <p>Lorem Ipsum is <a href="http://google.com" target="_blank" class="ext_link">It was popularised</a> in.</p>
        </div>
        <div class="modal-footer"> </div>

我的意思的一个例子http://jsfiddle.net/kulldox/ft3zX/

Answer 1

这可能与您标记模式的方式有关。也可能是您在项目中使用的一些自定义 JS。请注意，我没有应用 .ext_link 类，也没有使用任何自定义 JS 来使 anchor 正常工作。

Check this working example

这是文档的简单复制和粘贴。请注意，这是 Bootstrap 2.3.2

HTML:

<!-- Button to trigger modal -->
<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>

<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Modal header</h3>
  </div>
  <div class="modal-body">
    <p>One fine body... <a href="http://google.com" target="_blank">Go to Google with this Anchor</a></p>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary">Save changes</button>
  </div>
</div>