在 rails 中动态生成引导选项卡答案

【问题标题】：Dynamically generate boostrap tabs in rails在 rails 中动态生成引导选项卡
【发布时间】：2014-03-07 19:37:13
【问题描述】：

我正在尝试在 rails 中动态生成选项卡以发挥作用。选项卡将生成，但链接不起作用。路径是正确的，并且取决于每个可点击选项卡的数据类型。

这可以在没有引导程序的情况下工作，但它们不在选项卡中：

<% @observation_reads.each do |observation| %>
  |<%= link_to "#{observation.observation_group_id}", observation_path(observation) %>
<% end %>

但这不起作用。

<ul class="nav nav-tabs" id="myTab">
  <% @observation_reads.each do |observation| %>
    <li><%= link_to "#{observation.observation_group_id}", observation_path(observation), :data => {:'toggle' => "tab" } %>
  <% end %>
</ul>

我想知道这是否是我的 javascript。它直接来自引导文档：

  $('#myTab a').click(function (e) {
    e.preventDefault()
    $(this).tab('show')
  })

关于为什么链接不指导我的任何想法。当我将鼠标悬停在选项卡/链接上时，我可以看到 chrome 浏览器左下方显示的 URL，但由于某种原因没有显示内容。

【问题讨论】：

标签： javascript jquery css ruby-on-rails twitter-bootstrap

【解决方案1】：

由于您的 java 脚本，这些链接不起作用。 preventDefault 会导致默认动作不被触发。

e.preventDefault()

所以如果你想让链接工作你应该删除上面的行。

但是，如果您使用的是BootStrap tabs，那么为什么要让这个链接可以点击呢？正确的方法是保留该 preventDefault 行并使用BootStrap tabs 打开不同的选项卡。 example

【讨论】：