使用 jQuery Mobile 进行 Knockout 模板绑定

Posted 2023-05-09

【中文标题】使用 jQuery Mobile 进行 Knockout 模板绑定

【英文标题】：Knockout Template Binding with jQuery Mobile

【发布时间】：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，你会有这样的结构 ... .. . ...

【参考方案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>