Question

我看过很多类似的问题，但是没有什么能像我这样找到的。

这是在Rails 5应用，bootstrap-sass 3.3，jquery 1.12.4中实现的。

$("#opendata").on("click", function(){
  $("<div class='tab-pane active' id='summary'>hi</div>").appendTo("#tab-content");
  $("<li class='active' data-toggle='tab'><a href='summary' aria-expanded='true'>Summary</a></li>").appendTo("#tabs")
 })

我有2个随页面一起加载的标签，需要动态添加其他标签。上面的代码有效-添加了选项卡，并显示了选项卡窗格的内容。但是，如果我离开该选项卡，然后导航回去（该选项卡本身将变为活动状态），则该选项卡窗格将显示前一个选项卡的内容。

我已将问题缩小为动态选项卡窗格，而没有在其上放置“活动”类。我也尝试通过控制台进行此操作，但也无法正常工作。

我看到的用于动态标签的主要解决方案是添加这样的内容

jQuery(function($){
  $("tabs").on("click", "a", function(e){
    e.preventDefault();
    $(this).tab('show');
  })
})

但无济于事。似乎添加的选项卡窗格对控制台或其他任何内容均无响应。我是否缺少某些东西或以错误的方式进行处理？该选项卡可以很好地添加，只是在导航时返回并没有响应。

Answer 1

所以用粉笔写这个代码最多可能要花很长时间。解决方案是：

$imageUrl = random_image('css/images/avatars');
echo "<a href=" . $imageUrl . ">Click Here</a><br />";
echo "<img src=" . $imageUrl . " />";

请注意我在第一篇文章中忘记的href前面的“＃”。

在引导中动态添加选项卡在导航后退后不显示选项卡窗格内容

1 个答案: