1

我是淘汰 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>
4

2 回答 2

1

您必须使用此链接来进行 knockout-2.2.0.js 的工作

             <script src="http://knockoutjs.com/downloads/knockout-2.2.0.js"></script>
于 2012-12-20T11:55:09.360 回答
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/

于 2012-12-20T11:48:19.887 回答