Javascript和JQuery的for循環的陣列創建列表

Question

HTML：

<p>Order</p> 
<div> 
<ul data-role="listview" id="myorder"></ul> 
</div> 

JS：

itemName = ["beer1", "beer2", "beer3", "beer4"]; 
itemQty = [0, 2, 0, 4]; 

for (var i=0, len=itemName.length; i<len; ++i) { 
    if (itemQty[i] > 0) { 
     var listItem = document.createElement("li"); 
     listItem.innerHTML = itemName[i] + " Qty:" + itemQty[i]; 
     $('#myorder').append(listItem); 
     $('#myorder').listview('refresh'); 
    } 
} 

我知道它盯着我的臉正確的，但爲什麼這種只顯示我的第一個實例Qty > 0？

http://jsfiddle.net/Sptx7/

Answer 1

你在這裏得到一個錯誤：

$('#myorder').listview('refresh'); 

因爲listview是undefined，所以代碼終止。

---

下面是與該行註釋掉你的提琴：http://jsfiddle.net/Sptx7/2/

正如你所看到的，它呈現列表項目。