淘汰賽模板綁定與jQuery Mobile

Question

我想在淘汰賽模板中使用jQuery ListView控件，但綁定失敗並且不能按預期工作。這裏是代碼：

<div data-bind="template: { name: 'myItem', foreach: lineItems }"></div> 

<script type="text/html" id="myItem">  
    <ul data-role="listview"> 
     <li> 
      <a href="#"> 
       <img style="width:50px; height:50px;" data-bind="attr: { src: imageUrl }"> 
       <h2>Broken Bells</h2> 
      </a> 
      </li> 
    </ul> 
</script> 

任何想法？

Answer 1

嘗試了這一點

<div> 
    <ul data-role="listview" data-bind="template: { name: 'myItem', foreach: lineItems }"></ul> 
</div> 

<script type="text/html" id="myItem">  
    <li> 
     <a href="#"> 
      <img style="width:50px; height:50px;" data-bind="attr: { src: imageUrl }"> 
      <h2>Broken Bells</h2> 
     </a> 
    </li> 
</script>