Я пытаюсь перейти к якорю во вложенном Jquery Mobile Collapsible. Как я могу это сделать? Любая помощь будет оценена.
Я использую последние версии JQuery и JQuery Mobile.
Демонстрация того, что я пытаюсь сделать jsfiddle.net/jangeltun/udbu8mfr/9/
Я пытаюсь перейти к якорю во вложенном Jquery Mobile Collapsible. Как я могу это сделать? Любая помощь будет оценена.
Я использую последние версии JQuery и JQuery Mobile.
Демонстрация того, что я пытаюсь сделать jsfiddle.net/jangeltun/udbu8mfr/9/
Вам нужно использовать скрипт, чтобы развернуть все родительские складные элементы целевого якоря, а затем прокрутить страницу до этого якоря:
<a href="#nestedAnchor1" class="btnGO1">Go to anchor in Nested Child in Section 1</a><br>
<a href="#nestedAnchor2" class="btnGO1">Go to anchor in Nested Child in Section 2</a>
$('.btnGO1').on('click', function() {
var elem = $(this).prop("href");
elem = elem.substr(elem.lastIndexOf("#"));
var $anch = $(elem);
//expand all parent collapsibles
$anch.parents('[data-role="collapsible"]').collapsible('expand');
//scroll to anchor
var top = $anch.offset().top;
$.mobile.silentScroll( top );
return false;
});
Обновлен FIDDLE