淘汰赛js根据文本框值更改div宽度
Posted
技术标签:
【中文标题】淘汰赛js根据文本框值更改div宽度【英文标题】：knockout js change div width as per textbox value 【发布时间】：2012-12-07 22:15:02 【问题描述】：我是淘汰 js 的新手 需要帮忙。 我想，当我在文本框中添加数字时，应该将大小调整为像素大小。
以下是代码：
<html>
<head>
<style type="text/css">
#myDiv
border:solid 1px #f00;
#myOtherDiv
border:solid 1px #00f;
width: 150px;
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/knockout/2.1.0/knockout-min.js"></script>
<script type="text/javascript">
$(document).ready(function()
var viewModel =
myWidth: ko.observable( '250px'),
anotherDiv: ko.observable('KO is working')
;
ko.applyBindings(viewModel);
);
</script>
</head>
<body>
<div id="myDiv" data-bind="style: width: myWidth ">
Some Text
</div>
<div id="myOtherDiv">
Some More Text
</div>
<div data-bind="text: anotherDiv"></div>
Enter size<input type = text />
</body>
</html>
【问题讨论】：
【参考方案1】：您应该将输入字段绑定到myWidth 属性：
Enter size <input type = text data-bind="value: myWidth"/>
另外链接到淘汰赛是坏的试试这个：http://ajax.aspnetcdn.com/ajax/knockout/knockout-2.2.0.js
这是一个有效的小提琴：http://jsfiddle.net/wAYqY/
【讨论】：
非常感谢！还有一件事我们可以同时在数据绑定中拥有“attr”和“style”吗？如果是，以下行将如何，输入大小 有可能。 【参考方案2】：您必须使用此链接来完成 knockout-2.2.0.js 的工作
<script src="http://knockoutjs.com/downloads/knockout-2.2.0.js"></script>
【讨论】：
你说的是哪个链接？ 非常感谢！还有一件事我们可以同时在数据绑定中拥有“attr”和“style”吗？如果是，以下行将如何，输入大小以上是关于淘汰赛js根据文本框值更改div宽度的主要内容，如果未能解决你的问题，请参考以下文章