jQuery Mobile Popup和ListView，以及Popup div内部的Knockout.js数据绑定-不起作用

Question

我正在使用jQuery Mobile和kickout.js在移动网站上工作。 我在jQuery Mobile的弹出窗口和listview中有一个（复杂的）场景，在弹出窗口div内有敲除数据绑定，但是我无法使其正常工作。

我有一个嵌套的警报列表，如下所示。 对于每一天，它都会创建一个列表分隔行。 然后在每一天中，每个警报都有一行。

<ul id="alarmslist" data-bind="foreach: days" data-role="listview">
    <li data-role="list-divider"><span data-bind="text: date"></span></li>
    <!-- ko foreach: alarms1 -->
    <li>
        <a href="#popupBasic" data-rel="popup"><span data-bind="text: alarmName"></span></a>
        <section id="popupBasic" data-role="popup" data-corners="true" data-history="false" data-overlay-theme="a">
            <a href="#" class="ui-btn-right" data-icon="delete" data-iconpos="notext" data-rel="back" data-role="button" data-theme="c">Close</a>
            <ul data-role="listview" data-inset="true">
                <li data-role="divider" data-theme="a">Alarm Options</li>
                <li><section class="alarmDetail"><span data-bind="text: alarmID"></span></section></li>
                <li><a href="#">Go to Data</a></li>
                <li><a href="#">Acknowledge</a></li>
            </ul>
        </section>
    </li>
    <!-- /ko -->
</ul>

我需要将弹出窗口小部件附加到警报行，这样，当单击li行时，弹出窗口将显示该行的选项列表。 每行都应该可用。 每行的选项将取决于alarmID键。

这是发生问题的地方。 我正在尝试将数据绑定到alarmID字段（这是alerts1数组的一部分），以便下一个操作知道如何处理正确的警报。 但是，我收到一个敲除错误，因为它找不到AlarmID（）。 我想jQuery Mobile在DOM的底部创建了弹出部分，正好在为剔除片段定义我的view和viewmodel的下面。

无论如何，有谁知道如何“解决”这种情况？ 还是知道解决方法？ 或者，甚至其他解决方案？

Answer 1

我还将这个问题发布到了Knockout.js Google论坛上，并收到了有助于我解决问题的答案。 位于https://groups.google.com/forum/?fromgroups=#!topic/knockoutjs/xQYZrxQ6Jsg 。 谢谢。