使用jQuery-Mobile进行敲除模板绑定

我试图在敲除模板内使用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>

有什么想法吗？

试试这个

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

---

我看不出为什么淘汰赛会干扰jQueryUI；因此，如果DOM按预期呈现，则可能会出现jquery问题；如果没有，您可能会遇到淘汰赛问题。@johndoe对于每一行项目，您将有如下结构。。。