Javascript 敲除js根据文本框值更改div宽度_Javascript_Knockout.js_Knockout Mapping Plugin

Javascript 敲除js根据文本框值更改div宽度

javascript knockout.js

Javascript 敲除js根据文本框值更改div宽度,javascript,knockout.js,knockout-mapping-plugin,Javascript,Knockout.js,Knockout Mapping Plugin,我对击倒js和我需要帮助。我想，当我在文本框中添加数字时，分区应该调整到像素的大小代码如下： <html> <head> <style type="text/css"> #myDiv { border:solid 1px #f00; }

我对击倒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>


#myDiv{
边框：实心1px#f00；
} 
#myOtherDiv{
边框：实心1px#00f；
宽度：150px；
} 
$（文档）.ready（函数（）{
var viewModel={
myWidth:ko.可观察（'250px'），
另一个div:ko.observable（'ko正在工作'）
}; 
应用绑定（视图模型）；
});
一些文本
更多的文字
输入大小

您应该将输入字段绑定到

myWidth

属性：

Enter size <input type = text data-bind="value: myWidth"/>

输入大小

此外，击倒链接已断开，请尝试此链接：

这是一个有用的工具：

你必须使用这个链接来完成knockout-2.2.0.js的工作

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

您在谈论哪个链接？非常感谢！还有一件事，我们可以在数据绑定中同时使用“attr”和“style”吗？如果是的话，下面怎么会行，输入尺寸谢谢你这么多！还有一件事，我们可以在数据绑定中同时使用“attr”和“style”吗？如果是，将如何在下面的一行，输入大小是可能的。