Knockout.js 和 Jquery Mobile

Posted

技术标签:

【中文标题】Knockout.js 和 Jquery Mobile【英文标题】:Knockout.js and Jquery Mobile 【发布时间】:2014-07-24 17:47:23 【问题描述】:

我有一个 Jquery Mobile 和 phonegap 应用程序。我用:

   Jquery Mobile (1.3.1)
   jquery (1.9.1)
   Phonegap (2.8.0)

我被要求在应用程序中使用 knockout.js。我对knockout.js 完全陌生,并且仍在尝试了解它是如何工作的。

我将不得不发送带有JSON 数据的ajax 请求,响应将是JSON 对象。我曾经使用 for 循环来处理 JSON 对象,一切都很好。我只是有点担心如何让这一切与 knockout.js 一起工作。

谁能给我关于如何使用这个新的 knockout.js 的建议。我只有非常有限的时间(大约 1 周)来了解如何让这一切发挥作用。

或者您是否建议坚持我们所知道的并使用 jquery 和 jquery mobile。

【问题讨论】:

你好@BetRob。您可以查看tutorials 和official site。请仅在您的代码有真正问题时提出问题。祝你好运:) 也看看this。虽然它不是基本的。 【参考方案1】:

http://knockoutjs.com/documentation/json-data.html

Knockout 不会强迫您使用任何一种特定技术来加载或保存数据。 你可以用你平时用的那个

$.getJSON("/some/url", function(data)  
    // Now use this data to update your view models, 
    // and Knockout will update your UI automatically 
)

var data = /* Your data in JSON format - see below */;
$.post("/some/url", data, function(returnedData) 
    // This callback is executed if the post was successful     
)

【讨论】:

以上是关于Knockout.js 和 Jquery Mobile的主要内容,如果未能解决你的问题,请参考以下文章

使用 jQuery 操作 DOM 后模型和 ui 不同步 - knockout.js

jQuery Mobile Popup 和 ListView,以及 Popup div 内的 Knockout.js 数据绑定 - 不工作

跨度未解码的 HTML 是 Knockout.js 还是 Jquery 移动服务器?

如何使用 knockout.js 正确绑定和初始化 jQuery Mobile 范围滑块?

基于jquery和knockout.js 写个瀑布流异步加载分页

knockout.js 虚拟模板绑定