导航选项卡中的bootstrap模式

时间:2014-05-06 18:08:27

标签: javascript jquery html twitter-bootstrap

我已经放置了一个按钮来激活一个Twitter引导模式'在' navtab'中的第三个标签上。单击模态按钮时会有短暂的延迟,然后navtab的第一个选项卡将设置为活动状态。模态在任何时候都不可见。

我的假设是模态默认为第一个选项卡,当选项卡从选项卡3更改为选项卡1时,将触发一个导致模式关闭的事件。

这引出了一个问题:如何设置模式以激活标签n而不是标签1?

我对这里发生的事情完全错了吗?任何帮助,将不胜感激。谢谢

<button class="btn btn-primary" id="tester">Detailed</button>

<div class="modal fade bs-example-modal-sm" id="mymod" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      ...
    </div>
  </div>
</div>

<script type="text/javascript">
    $(document).on('click', '#tester', function(){
        $("#mymod").modal('show');
    });
</script>

1 个答案:

答案 0 :(得分:0)

我的问题是我没有为bootstrap加载正确的javascript库。

向我的静态资产添加bootstrap-modal.js解决了我的问题。