Я видел много похожих вопросов, но ничего такого, что я могу найти.
Это в приложении 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');
})
})
Ноно безрезультатно.Кажется, что добавленная панель вкладок просто не реагирует ни на что, на консоль или иным образом.Я что-то упускаю или иду по этому поводу неправильно?Вкладка добавляется нормально, просто при навигации назад и назад она не отвечает.