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

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 に答える
1

あなたはノックアウト-2.2.0.jsの仕事のためにこのリンクを使用する必要があります

             <script src="http://knockoutjs.com/downloads/knockout-2.2.0.js"></script>
于 2012-12-20T11:55:09.360 に答える