iScroll無法在iPhone上進行jquery顯示/隱藏

Question

我正在使用用於滾動的iscroll構建一個phonegap應用程序。 我將控件動態附加到div並在單擊時顯示/隱藏div時遇到問題。 div出現，然后自動隱藏。 我在下面給出了代碼示例。 將非常感謝任何幫助。

首先，我嘗試單獨使用scroll.refresh（），但是由於它無法正常工作，因此我嘗試根據google上的論壇帖子銷毀並重新創建。 但是，它也不起作用。

HTML

<div class="wrapper" id="wrapper">
        <main class="content" id="scroller">
            <ul>
                <li>
                    <span id="usertype-link">
                    </span>
                    <div class="b-preferences__select b-preferences__select--type" id="search-user-type-div">
                    </div>
                </li>
            </ul>
        </main>
    </div>

JS

$('#search-user-type-div').hide();
$('#usertype-link').bind('click', function () {
    if ($('#search-user-type-div').is(":visible")) {
        $('#search-user-type-div').hide();
        $('#usertype-link').removeClass('open').addClass('close');
    }
    else {
        $('#search-user-type-div').show();
        $('#usertype-link').removeClass('close').addClass('open');
    }
    //scroll.refresh();
    searchpreferences.rebuildScroll();
})

rebuildScroll: function () {
    scroll.destroy();
    scroll = null;
    scroll = new iScroll('wrapper', { vScrollbar: true, hScrollbar: false, vScroll: true, hScroll: false, onBeforeScrollStart: null });

    //setTimeout(function () {
    scroll.refresh();
    //}, 0);
}

任何幫助，將不勝感激。

普里亞恩

Answer 1

我沒有確切的解決方案，但是我建議使用最新版本的iScroll（v5） 。 這是完全重建，也許可以解決您的問題。