Question

我是淘汰赛的新手。需要帮忙。我想，当我在文本框中添加数字时，分区应该调整为像素大小。

以下是代码;

    <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>

Answer 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/

Answer 2

你必须使用这个链接来敲门 - 2.2.0.js它的工作

             <script src="http://knockoutjs.com/downloads/knockout-2.2.0.js"></script>

knockout js根据文本框值更改div宽度

2 个答案: