Question

我正在尝试跳转到嵌套的Jquery Mobile Collapsible中的锚点。我怎么做？任何帮助将不胜感激。

我正在使用最新的JQuery和JQuery Mobile。

Demo of what I'm trying to accomplish 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

跳转到锚点并扩展嵌套的JQuery Mobile可折叠

1 个答案: