Question

我正在尝试动态生成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。它直接来自bootstrap文档：

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

关于为什么链接没有指示我的任何想法。当我将鼠标悬停在标签/链接上时，我可以看到显示在Chrome浏览器左下方的网址，但出于某种原因，没有显示内容。

Answer 1

由于您的java脚本，链接不起作用。 preventDefault将导致不触发默认操作。

e.preventDefault()

因此，如果你想让链接工作，你应该删除上一行。

但是，如果您使用的是BootStrap tabs，那么为什么要点击此链接呢？正确的方法是保留 preventDefault 行并使用BootStrap tabs打开不同的标签。 example

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

1 个答案: