Навигация на задней кноте с вложенными вкладками (с использованием измененных jQuery-Shickytabs) ⇐ Jquery

[Anonymous]

Это может ответить на мой собственный вопрос, но я не уверен. Я использую Bootstrap NAVS, чтобы иметь вкладки на странице, с двумя основными вкладками и еще несколькими вкладками, вложенными в одну из этих вкладок. Я хочу, чтобы они были непосредственно связаны с хэштегом, и кнопка на спине перемещалась между ними. Прямое связывание было легко выполнить, но обратная навигация не работала должным образом: нажав кнопку «Назад», чтобы вернуться с первичной вкладки без вложенных вкладок к вложенной вкладке (от «вкладка один» на любую вкладку «Два» [одна, Два, три] 'в коде, который я поделился) изменил бы хэш, но не открыл бы вкладку. Найдите другой код, который бы сделал это, пока я не нашел jquery-shickytabs, в частности, вилка для вложенных вкладок. Он функционирует так же, как я хотел бы, но, как кодировалось, полученные URL-адреса довольно громоздки, включая «сечение данных», используемое для направления «target» (то есть »[#[data section = 'section5'] & & & & & & & & & & & & & & & & & & & [Data-Section = 'Section5.3'] "). Эта библиотека довольно старая, поэтому мой вопрос о том, можно ли это изменить, понятно, что я не ответил. < /P>
Таким С этим, и я, кажется, заставил его работать так, как я хотел с более простыми URL. Но, из -за отсутствия опыта, я беспокоюсь, что, возможно, я сделал то, чего не должен иметь и т. Д. Или, если нет, то для кого -то еще, возможно, искать эту функциональность, я подумал, что поделюсь.
Я поместил базовый код в этот jsfiddle. Это закодировано, так как у меня есть, чтобы работать вживую, но Jfiddle не работает; Возможно, из -за взаимодействия HREF в коде? Или что -то я сделал неправильно, но не понимаю! Отсюда и этот вопрос. Итак, я также включил то, что я изменил ниже. < /P>
Спасибо! это: < /p>
var showTabFromHash = function (hash) {
var selector = hash ? 'a[' + settings.selectorAttribute + settings.selectorOperator + '"' + hash.split(settings.fragmentPathSeparator)[0] + '"]' : settings.initialTab;
$(selector, context).tab('show');
if (settings.backToTop === true) {
setTimeout(backToTop, 1);
}
else if (hash) {
var indexOfFirstFragmentPathSeparator = hash.indexOf(settings.fragmentPathSeparator);
if (indexOfFirstFragmentPathSeparator > 0) {
var remainingHash = hash.substring(indexOfFirstFragmentPathSeparator + 1);
var element = document.getElementById(remainingHash);
if (element) {
scrollToElement($(element));
}
else {
showTabFromHash(remainingHash);
}
}
}
};
< /code>
до этого: < /p>
var showTabFromHash = function (hash) {
var selector = hash ? 'a[href="#' + hash.split(settings.fragmentPathSeparator)[0] + '"]' : settings.initialTab;
$(selector, context).tab('show');
if (settings.backToTop === true) {
setTimeout(backToTop, 1);
}
else if (hash) {
var indexOfFirstFragmentPathSeparator = hash.indexOf(settings.fragmentPathSeparator);
if (indexOfFirstFragmentPathSeparator > 0) {
var remainingHash = hash.substring(indexOfFirstFragmentPathSeparator + 1);
var element = document.getElementById(remainingHash);
if (element) {
scrollToElement($(element));
}
else {
var selector2 = remainingHash ? 'a[href="#' + hash + '"]' : settings.initialTab;
$(selector2, context).tab('show');
}
}
}
};
< /code>
, что позволило вложенной вкладке href от этого: < /p>
#[data-section='tabonetwo']&[data-section='tabtwothree']
< /code>
до этого: < /p>
#tabonetwo&tabtwothree


Подробнее здесь: https://stackoverflow.com/questions/794 ... stickytabs