使用 jQuery Mobile 进行 Knockout 模板绑定答案

【问题标题】：Knockout Template Binding with jQuery Mobile使用 jQuery Mobile 进行 Knockout 模板绑定
【发布时间】：2015-01-19 23:05:04
【问题描述】：

我正在尝试在 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>

有什么想法吗？

【问题讨论】：

我看不出淘汰赛会干扰 jQueryUI 的原因；因此，如果 DOM 按预期呈现，您可能遇到了 jquery 问题；如果不是，您可能遇到了淘汰赛问题。
@john doe 对于每个 lineItems，你会有这样的结构
...

.. .

...

标签： jquery jquery-mobile knockout.js

【解决方案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>

【讨论】：