Jquery 第二个应用程序绑定不';t火

Jquery 第二个应用程序绑定不';t火,jquery,data-binding,input,knockout.js,knockout-2.0,Jquery,Data Binding,Input,Knockout.js,Knockout 2.0,可能重复: 我在jQuery中使用knockout。根据下面的基本示例,文本“Planet Earth”显示得很好(因此正确添加了敲除项并可以工作!),但“Planet2 Earth2”不显示。另外,alert('alert2')被触发,但警报('alert3')不可用。 谁能解释一下原因吗 $(文档).ready(函数(){ 警报(“警报1”); var viewModel={ 名字:ko.observable(“行星”), 姓氏:ko.可观测(“地球”) }; viewModel.ful

可能重复:

我在jQuery中使用knockout。根据下面的基本示例,文本
“Planet Earth”
显示得很好(因此正确添加了敲除项并可以工作!),但
“Planet2 Earth2”
不显示。另外,
alert('alert2')被触发,但
警报('alert3')不可用。
谁能解释一下原因吗


$(文档).ready(函数(){
警报(“警报1”);
var viewModel={
名字:ko.observable(“行星”),
姓氏:ko.可观测(“地球”)
};
viewModel.fullName=ko.DependentToServable(函数(){
返回viewModel.firstName()+“”+viewModel.lastName();
});
警报(“警报2”);
应用绑定(视图模型);
警报(“警报3”);
变量viewModel2={
第一名2:可观测的ko(“Planet2”),
lastName2:ko.可观测(“地球2”)
};
viewModel2.fullName2=ko.DependentToServable(函数(){
返回viewModel2.firstName2()+“”+viewModel2.lastName2();
});
ko.应用绑定(viewModel2);
});
名字:

姓氏:

你好 名字:

姓氏:

你好
要使其正常工作,您必须修改4行:

要应用
id
s:

<div id="one" style="border:1px solid red;">


可以帮忙吗?没错!我会将更改作为答案发布。感谢您提出问题并分享您的答案!我也会将它标记为一个副本,这样,如果其他人在这里登陆,他们可以更方便地找到更详细的版本。一点问题也没有!:)再次感谢!
<div id="two" style="border:1px solid green;">
ko.applyBindings(viewModel,document.getElementById("one"));
ko.applyBindings(viewModel2,document.getElementById("two"));