jquery-mobile - アンカーにジャンプしてネストされた JQuery Mobile を展開

Question

ネストされた Jquery Mobile Collapsible 内のアンカーにジャンプしようとしています。それ、どうやったら出来るの？どんな助けでも大歓迎です。

最新の JQuery と JQuery Mobile を使用しています。

私が達成しようとしていることのデモ jsfiddle.net/jangeltun/udbu8mfr/9/

Answer 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;
});

更新されたフィドル