顯示ul時iScroll刷新不起作用

Question

為發布構建應用程序。 對於目錄，我有一個簡單的下拉列表，該下拉列表最初隱藏了帶有部分的無序列表，並在“點擊”時顯示相應的ul。 我正在使用iScroll，並且當顯示ul時，滾動已中斷並具有彈跳效果，不允許您向上或向下滾動。 我也正在使用jqt.bars.js，它可以拉入iScroll並將其初始化。 我了解iScroll的refresh方法可以獲取容器的新高度，從而使您可以正確滾動。 我無法正常工作。

這是我的jQuery / JS

var myScroll;

function createIScroll(){
myScroll = new iScroll('div#chapters div.sections-contents');
console.log('createIScroll');
}

function iScrollRefresh(){
setTimeout(function(){
           myScroll.refresh();
           }, 300);
console.log('refresh iScroll');
}

//CHAPTERS DROPDOWN

$(function() {
var chapter = $('ul#nav a.chapter-title');
var sections = $('ul#nav li ul');
sections.hide();
chapter.addClass('chapter-active');
$(chapter).on('tap', function() {
sections.slideUp();

chapter.removeClass('chapter-highlighted').addClass('chapter-active');

if( !$(this).next().is(":visible") ){
  $(this).removeClass('chapter-active').addClass('chapter-highlighted');
  $(this).next().slideDown(200);
  console.log("slidedown");

            iScrollRefresh();
  }

  });

Answer 1

將刷新添加到slideDown的回調中：

$(this).next().slideDown(200, function() {
    iScrollRefresh();
});