Myscript不能在我的localhost中工作,但如果在jsfiddle中它很好

时间:2016-07-19 14:32:20

标签: javascript jquery html css localhost

我不知道我的代码有什么问题。如果我的脚本在jsfiddle运行它很好。但是如果在我的电脑(localhost)中它无法正常工作。

这是我的傻瓜:JSFIDDLE

这是我在计算机上运行的脚本

<html>
<body>
<input id="nominal" type="text" />
<script>
$(function() {
    var money = 20000;

    $("#nominal").on("change keyup", function() {
        var input = $(this);

        // remove possible existing message
        if( input.next().is("form") )
            input.next().remove();

        // show message
        if( input.val() > money )
            input.after("<form method=\"post\" action=\"\"><input type=\"submit\" name=\"yes\" value=\"Yes\"><input type=\"submit\" name=\"no\" value=\"No\"></form>");
    });
});
</script>
</body>
</html>

1 个答案:

答案 0 :(得分:3)

您需要包含jQuery库以使用jQuery函数:

将上面的脚本标记放在上面:

<script   src="https://code.jquery.com/jquery-3.1.0.slim.js"   integrity="sha256-L6ppAjL6jgtRmfiuigeEE5AwNI2pH/X9IBbPyanJeZw="   crossorigin="anonymous"></script>

<script>
$(function() {
    var money = 20000;

    $("#nominal").on("change keyup", function() {
        var input = $(this);

        // remove possible existing message
        if( input.next().is("form") )
            input.next().remove();

        // show message
        if( input.val() > money )
            input.after("<form method=\"post\" action=\"\"><input type=\"submit\" name=\"yes\" value=\"Yes\"><input type=\"submit\" name=\"no\" value=\"No\"></form>");
    });
});
</script>

它会将jQuery从CDN加载到您的页面中。