淘汰赛模板绑定与jQuery Mobile

问题描述:

我想在淘汰赛模板中使用jQuery ListView控件,但绑定失败并且不能按预期工作。这里是代码:淘汰赛模板绑定与jQuery Mobile

<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> 

任何想法?

+0

我看不出一个原因淘汰赛将与jQueryUI的干扰;所以如果DOM按预期呈现,你可能会遇到一个jQuery问题;如果没有,你可能有一个淘汰赛问题。 – Retsam 2014-11-21 23:00:59

+0

@john doe 对于每一行项目,您都会有这样的结构

  • ...
  • ...
  • ...
Haridarshan 2014-11-22 15:41:47

尝试了这一点

<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>