Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用PHP在本地服务器(wamp)上运行KnockoutJs?_Javascript_Jquery - Fatal编程技术网

Javascript 如何使用PHP在本地服务器(wamp)上运行KnockoutJs?

Javascript 如何使用PHP在本地服务器(wamp)上运行KnockoutJs?,javascript,jquery,Javascript,Jquery,我是KnockoutJs的新手,我在其官方网站上尝试了所有教程。 现在我想在本地机器上运行所有实用教程,我已经下载了 我试过这个代码,但在本地机器上不起作用 index.php --------- <!DOCTYPE html> <html> <head> <title>Knockout</title> <script src="js/knockout-2.1.0.js"></s

我是KnockoutJs的新手,我在其官方网站上尝试了所有教程。
现在我想在本地机器上运行所有实用教程,我已经下载了

我试过这个代码,但在本地机器上不起作用

index.php
---------
<!DOCTYPE html>
<html>
    <head>
        <title>Knockout</title>
        <script src="js/knockout-2.1.0.js"></script>
        <link rel="stylesheet" href="css/styles.css" />
        <script>
        // This is a simple *viewmodel* - JavaScript that defines the data and behavior of your UI
        function AppViewModel() {
            this.myname= ko.observable("Frank");
            this.myage= ko.observable("26");

            this.mydetails= ko.computed(function() {
                var x;
                return this.myname() + ", and my age is " + this.myage() + 'yr. old.';
            }, this);

            this.capitalizeMyName = function() {
                var currentVal = this.myname();        // Read the current value
                this.myname(currentVal.toUpperCase()); // Write back a modified value
            };
        }

        // Activates knockout.js
        ko.applyBindings(new AppViewModel());
        </script>
    </head>
    <body>
    <p>New Application</p>
        <!-- This is a *view* - HTML markup that defines the appearance of your UI -->
        <p>My Name: <strong data-bind="text: myname"></strong></p>
        <p>My Age: <strong data-bind="text: myage"></strong></p>

        <p>My Name: <input data-bind="value: myname" /></p>
        <p>My Age: <input data-bind="value: myage" /></p>

        <p>Full Detalis: <strong>Hi, my name is <text data-bind="text: mydetails"></strong></p>

        <button data-bind="click: capitalizeMyName">Go caps</button>
    </body>
</html>
index.php
---------
击倒
//这是一个简单的*viewmodel*-JavaScript,用于定义用户界面的数据和行为
函数AppViewModel(){
this.myname=ko.observable(“弗兰克”);
此.myage=ko.可观察(“26”);
this.mydetails=ko.computed(函数(){
var x;
返回这个.myname()+”,我的年龄是“+this.myage()+”岁“;
},这个);
this.capitalizeMyName=函数(){
var currentVal=this.myname();//读取当前值
this.myname(currentVal.toUpperCase());//写回修改后的值
};
}
//激活knockout.js
应用绑定(新的AppViewModel());
新应用

我的名字:

我的年龄:

我的名字:

我的年龄:

全文:嗨,我的名字是

盖帽
如果有人对此有了解或想法,那么建议我。谢谢

您需要包括缩小的文件:js/jquery-1.7.2.min.js

And put your viewmodel code between:

  $(document).ready(function(){

  // This is a simple *viewmodel* - JavaScript that defines the data and behavior of

});

可能还需要运行一些文件。您收到了什么错误消息?没有,它显示输入字段nd文本