jQuery Mobile 可折叠面板和 KNockjs 可观察数组答案

【问题标题】：jQuery Mobile collapsible panel and KNockjs observable arrayjQuery Mobile 可折叠面板和 KNockjs 可观察数组
【发布时间】：2012-08-24 16:25:40
【问题描述】：

谁能帮我弄清楚为什么我的可折叠面板无法展开？我使用 jquery mobile 的 html 标记似乎正在工作。数据通过 foreach 循环绑定到可折叠集，但面板不会展开。

html:

<div data-role="collapsible-set" class="ui-block-a" data-bind="foreach: opportunityData"> 
    <div data-collapsed="true" data-role="collapsible" >
        <h3>
            <span data-bind="text: name" />
        </h3>
        <p data-bind="text: company" />
    </div>
</div>

JS：

function OpportunityViewModel() {

        var self = this;
        self.opportunityData = ko.observable([]);

        $.ajax({
            url: 'url....',
            type: 'GET',
            async: true,
            cache: false,
            crossDomain: true,
            dataType: 'jsonp',
            success: function (data) {
                self.opportunityData(data)
            },
            error: function (jqXHR, textStatus, ex) {
                alert(textStatus + "," + ex + "," + jqXHR.responseText);
            }
            }); //end ajax call
        }; //end viewmodel       

        ko.applyBindings(new OpportunityViewModel());           
    });

【问题讨论】：

你应该创建一个问题的例子，JSFiddle 是一个很好的地方。
我什至尝试过在 jsfiddle 上使用更简单的版本。有人能回答一下，jQuery Mobile 是否适用于淘汰赛？我花了 2 天的时间试图获得应该易于工作的东西。
这是 jsfiddle：jsfiddle.net/Lw5nQ/25
有没有办法让创建 Knockout 的开发人员注意到这一点？似乎有几个帖子有同样的问题。这可能是一个很棒的产品我不确定这个小功能是如何被忽视的。如果有解决方案，淘汰赛，请提供或至少说无法使用此版本完成。我真的很希望使用这个框架我花了 2 天时间支付了 Pluralsight 教程，它们很棒，但是当涉及到你必须做的真实世界的事情时，没有例子......我是沮丧，请帮忙！
谷歌搜索。那里有很多 Knockout JS 和 jQuerymobile 教程。

标签： jquery-mobile knockout-2.0

【解决方案1】：

我刚刚找到了解决方案，只需创建一个新的外部 div，然后将 foreach 放入该 div：

<div data-bind="foreach: opportunityData">
   <div data-role="collapsible-set" class="ui-block-a" > 
       <div data-collapsed="true" data-role="collapsible" >
           <h3>
               <span data-bind="text: name" />
           </h3>
           <p data-bind="text: company" />
       </div>
   </div>
</div>

【讨论】：