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

更新了 FIDDLE