jQuery移動滾動不適用於首頁顯示

Question

我正在使用以下內容：

科爾多瓦6.3.1 jQuery 1.11.1 jQuery UI 1.11.2 jQuery Mobile 1.4.5 iScroll 4.2 jQuery Mobile iScrollview v1.3.7

當我的li元素僅包含錨元素時，一切正常。 我得到一個滾動條，並且能夠滾動到列表的底部。

當我的li元素包含img元素和錨元素的混合（不是每個錨都有與其關聯的圖像）時，我確實會獲得一個滾動條，但無法滾動到列表的底部-僅在第一次顯示該頁面時。

如果我離開該頁面並返回，則一切正常。

當我的li元素包含相等數量的img和anchor元素時，起初我沒有滾動條，並且滾動根本不起作用-但僅在第一次顯示該頁面時。

如果我離開並返回，則一切正常。

我懷疑它在計算img元素的大小時遇到​​了麻煩，但不確定如何解決它。

這是構建列表項並將其附加到字符串的代碼：

htmlToAppend = "<li>" +
           "<img id="+ i + " src=\""+imageUrl+"\" ></img><br>" +
           "<a id=" + i + " " + cssColor + ">" + caption + '<br><br><br><br><br></a>" +
       "</li>";

每個htmlToAppend字符串都連接到我附加的大字符串上：

contentForDisplay.concat(htmlToAppend);

這是我必須執行的標准iscroll / iscrollview內容：

$('#unorderedlist').append(contentForDisplay);    
$('#some_div').trigger('create');
$("#scrollable_list").iscrollview("refresh");

我懷疑問題是我的代碼在第二次顯示列表之前才知道如何計算圖像大小。

也許我都錯了。

無論哪種方式，您都面對過這樣的事情嗎？ 如果是這樣，您是怎么解決的？ 如果您是我，下一步該怎么做？

我看到有一個iScroll5-易於使用嗎？

還有其他的cordova + jQuery滾動解決方案嗎？

Answer 1

當您編寫Cordova應用程序時，最重要的是，您編寫正確的html和CSS。 正確的意思是，您擁有一個干凈且簡單的html結構，而不是div沙漠。

例如：刪除您的br-tag，並使用邊距或填充。

jQuery和jQueryMobile是很好的庫，但是如果錯誤使用它們，則是降低應用速度的最佳方法。 我經常使用它們，但僅用於某些事情，我自己不能寫得更簡單。

我會扔掉iScroll和jQueryMobile，然后從列表開始。 我有包含數百個條目的列表，並且滾動非常流暢。