1

我对可折叠的 jQuery mobile 有疑问。我正在使用多页模板，其中所有页面都在同一个文档中，并用名为 的 div 分隔page。我有两个可折叠的，每个上一个page。我在页面顶部做了一个动画，我的代码在上面：

$(document).on("pagecreate",function(event, ui){
// alert("pagecreate event fired - the page has been initialized, the DOM has been loaded and jQuery Mobile has finished enhancing the page.");
$("[data-role='collapsible']").collapsible({

    collapse: function( event, ui ) {
        $(this).children().next().slideUp(300);
    },
    expand: function( event, ui ) {
        $(this).children().next().hide();
        $(this).children().next().slideDown(300);
        $("body, html").animate({
            scrollTop: $(".ui-collapsible-heading-toggle").offset().top
        }, 'slow');  
    }
});     

$('.ui-collapsible-heading-toggle').click(function(){
    $("body, html").animate({
        scrollTop: $(".ui-collapsible-heading-toggle").offset().top
    }, 'slow');
});

在第一个可折叠动画作品中，但在第二个中，只有动画slideUp和slideDown作品，offset没有任何反应。

为什么？？

感谢帮助！

4

0 回答 0