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"));