Javascript KnockoutJS-bootstrap3模式绑定不';行不通
我有一个引导模式div:Javascript KnockoutJS-bootstrap3模式绑定不';行不通,javascript,twitter-bootstrap,knockout.js,Javascript,Twitter Bootstrap,Knockout.js,我有一个引导模式div: <div class="modal fade" id="modalLoginData" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="mo
<div class="modal fade" id="modalLoginData" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Login Data</h4>
</div>
<div class="modal-body">
<div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12">
<label class="sr-only">Username</label>
<input type="text" class="form-control" placeholder="Username" data-bind="value: username" />
</div>
<div class="form-group col-lg-6 col-md-6 col-sm-12 col-xs-12">
<label class="sr-only">Password</label>
<input type="password" class="form-control" placeholder="Password" data-bind="value: password" />
</div>
<div class="form-group col-lg-6 col-md-6 col-sm-12 col-xs-12">
<label class="sr-only">Repeat your password</label>
<input type="password" class="form-control" placeholder="Repeat your password" data-bind="value: repeatedPassword" />
</div>
<div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12">
<label class="sr-only">Login</label>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-success btn-sm" data-bind="click: confirmLoginData">Confirm</button>
<button type="button" class="btn btn-default btn-sm" data-dismiss="modal" data-bind="click: cancelLoginData">Cancel</button>
</div>
</div>
</div>
。。。该值正确显示在该模态分区外部的跨度元素上
<span data-bind="text: username"></span>
。。。但是没有在上面的modal div中处理这个文本框
有人知道发生了什么吗
谢谢 正如其他人已经提到的,发布更完整的代码版本将大大有助于其他人帮助您。如果不发布您编写的javascript,人们只能猜测您正在做什么 这就是说,这里是一个模态的示例,其中knockout确实在模态内部和外部显示用户名
发布“打开此模式”的JS代码。还有可能是viewmodel。一个JSFIDLE显示这个问题是值得的。
<span data-bind="text: username"></span>
$('#modalLoginData').modal();
function Model() {
this.username = ko.observable("kiwanax");
this.password = ko.observable();
this.repeatedPassword = ko.observable();
this.cancelLoginData = function () {
console.log( 'cancel!' );
};
this.confirmLoginData = function () {
console.log( 'confirm login data!' );
};
}
ko.applyBindings(new Model());