data-bind在jquery中不起作用

时间:2013-05-13 14:08:53

标签: knockout-2.0

我一定不能正确使用jsfiddle。因为我在一个更复杂的项目中遇到问题,所以我决定回到介绍,看看是否有我遗漏的东西。 我正在使用PluralSight视频来加速淘汰赛。

在介绍演示中,Steve Michelotti有一个小提琴,他在添加淘汰赛之前在jquery中绑定数据。我似乎无法让这种绑定工作。小提琴在这里

  http://jsfiddle.net/SapphireGirl/Bdr55/2/

这是一个非常简单的例子,我希望能看到 你好,bob在运行框中,但名称没有绑定视图模型中的文本,即使在jquery中,就像它在演示中所示。

当我使用jquery 2.0时,他正在使用jquery 1.7 为什么我的名字不会绑定? 我肯定会有些傻。

的javascript:

 $(function(){
var viewModel = {
    name: "bob",
    changeName: function() {
        this.name = "steve";

    }
};
ko.applyBindings(viewModel);

});

提前致谢

1 个答案:

答案 0 :(得分:0)

你说

  

在介绍演示中,Steve Michelotti有一个小提琴,他在添加淘汰赛之前在jquery中绑定数据。我似乎无法让这种绑定工作。

但在您的代码示例中,您明确引用了ko - Knockout对象。

问题是你想要同时使用JQuery和Knockout - 到目前为止你已经选择'JQuery 2.0'作为页面的框架,但你还没有在任何地方加载Knockout。

转到左侧的“外部资源”部分,然后粘贴“http://ajax.aspnetcdn.com/ajax/knockout/knockout-2.2.1.js”(其中一个Knockout CDN网址 - 来自download page)并按“+”将其添加到你的jsfiddle。

按'运行',现在一切正常。