jQuery移动弹出窗口和listView，以及弹出式div内部绑定的nockout.js数据绑定 - 不起作用

Question

我正在使用jQuery Mobile and Quockout.js在移动网站上工作。我有一个（一种（一种）复杂的场景，其中包括jQuery Mobile的弹出窗口和淘汰数据绑定在弹出窗口内，我无法使其正常工作。

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

<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字段（这是Alarms1数组的一部分），以便下一个操作知道如何处理正确的警报。但是，我遇到了敲除错误，因为它找不到AlarmId（）。我猜jQuery Mobile正在Dom底部创建弹出部分，恰好在我的视图和ViewModel定义为淘汰赛的位置。

无论如何，有人有什么想法如何"解决"这种情况吗？或者，知道有效的工作吗？或者，甚至其他一些解决方案？

Answer 1

我还在QuintOut.js Google组上发布了这个问题，并收到了一个帮助我的答案。它在https://groups.google.com/forum/?fromgroups =＃!!!!＃!!＃!!!!!谢谢。