перейти к якорю и развернуть вложенный складной JQuery Mobile

Я пытаюсь перейти к якорю во вложенном Jquery Mobile Collapsible. Как я могу это сделать? Любая помощь будет оценена.

Я использую последние версии JQuery и JQuery Mobile.

Демонстрация того, что я пытаюсь сделать jsfiddle.net/jangeltun/udbu8mfr/9/


person Joachim Angeltun    schedule 30.07.2015    source источник


Ответы (1)


Вам нужно использовать скрипт, чтобы развернуть все родительские складные элементы целевого якоря, а затем прокрутить страницу до этого якоря:

<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

person ezanker    schedule 03.08.2015