使用jQuery Mobile绑定模板绑定

时间:2014-11-21 18:00:30

标签: jquery jquery-mobile knockout.js

我正在尝试在Knockout模板中使用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>

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

试试这个

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