Jquery mobile KnockoutJS从JQuery mobile中删除

我想使用JQuery mobile listview和带有Knockout.js的弹出窗口 不幸的是，我不知道如何在弹出窗口中引用正确的ID

编辑 这里可以找到一个例子 该功能本身可以工作，但不幸的是，jQuery Mobile的弹出窗口不起作用

listview现在非常简单，它遵循JQuery移动网站上的示例

删除项目？

而KnockoutJS部分现在只作为客户端

self.removeLine = function(line) { self.lines.remove(line); }

我想这里的重点是，它无法识别要拾取的正确直线

---

谢谢你

我在你的代码中发现了一些问题，可能是复制粘贴错误，也可能是破坏了你的东西-

您打开锚定标记，但从不关闭它

<li>
    <a href="#">
        <img src="https://adium.im/images/services/icon-msn.png">
        <h2 data-bind="text: ItemCod"></h2>
        <p data-bind="text: ItemName"><strong></strong></p>
        <p></p>
        <p class="ui-li-aside"><strong>6:24</strong>PM</p>
        <button data-bind="click: setItemToRemove">Delete Item</button>
    </a>
</li>

并仅当itemToRemove具有以下值时才显示pop或w/e-

<div data-role="popup" data-bind="with: itemToRemove">
    <h3>Delete Item?</h3>
    <button href="#" data-bind="click: $root.removeLine" >Buy: $10.99</button>
    <a href="index.html" data-role="button" data-rel="back" data-inline="true" data-mini="true">Cancel</a>
</div>

删除项目？
购买：10.99美元

已更新

你的小提琴有一大堆语法错误-

---

您在哪里调用removeLine（）？小的输入错误，请参阅更新代码。很抱歉弹出窗口是如何得到它的值的？我有两个观察结果1）不要在jQM中使用

.ready（）

，它的等价物是

pageinit

或使用其他jQM事件。2） page div应该是popup div的直接父级。编辑你的提琴，你正在加载jquery 1.10和1.9包装代码，它现在可以工作了。严格来说，作为内联元素本身，

可能不包含像

或

这样的块元素。PW Kad执行此操作时，我在Knockout.JS库GetBindings上出错。这似乎是在我加载数据时发生的，因为列表现在由2个元素组成，并在第一个元素处停止。这不是太多的数据-还有其他一些事情在进行。如图所示，如果您不这么认为，可以创建一个小JSFIDLE来重现问题。但是JSON数据仍然有一个小错误，因为它没有加载。非常感谢。亲爱的普瓦卡德，我有很多答案没有标上10分，而且解释得很好。我愿意在这里解决我的问题，并将你的问题列为最好的问题。我的问题是JQuery Mobile中的ListView与KnockoutJS之间的交互。我正在努力解决这个问题，我认为这可能会引起普遍关注。我感谢你的努力。

<div data-role="popup" data-bind="with: itemToRemove">
    <h3>Delete Item?</h3>
    <button href="#" data-bind="click: $root.removeLine" >Buy: $10.99</button>
    <a href="index.html" data-role="button" data-rel="back" data-inline="true" data-mini="true">Cancel</a>
</div>