Question

我发现这个jsfiddle code ，我需要它，我想在我的php文件中尝试，但它不起作用，而它是相同的代码，我只是复制和粘贴，我不会改变任何东西，但它仍然无法正常工作。

我的代码：

<!DOCTYPE html>
<?php
?>
<html>
<head>
    <title></title>
    <script>
        $("#update").click(function() {
            $("#counter").html(function(i, val) {
                return val*1+1 
            });
        });
    </script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.jss"></script>
</head>
<body>
    <button id="update" type="button">Click Me</button>
    <div id="counter">10</div>
<?php

?>
</body>
</html>

请告诉我我的错。任何帮助将不胜感激！

Answer 1

你应该真的可以自己调试一下。打开你的javascript控制台，注意它是ReferenceError: $ is not defined。这意味着未加载jquery。现在看看你在script-src中放入的URL。为什么它以.jss结尾？那里有一个错字。

如果你纠正了，你仍然会得到同样的错误。为什么？因为在包含它之前使用jquery。因此，在自定义代码之前放入包含的jquery库。

现在，它仍然无效。为什么？因为您在加载DOM之前附加了一个事件;因此，处理脚本时，该按钮不存在！所以看看http://api.jquery.com/ready/，您应该知道要添加什么，将您的javascript包装在$(function() {...})内，然后您就可以了

Answer 2

也许这只是jquery.min.jss

中的拼写错误

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.jss"></script>

必须是jquery.min.js

或者您在jquery引用之前放置了javascript。

Answer 3

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $('#target').click(function() {
    $('#output').html(function(i, val) { return val*1+1 });
});
});
</script>
</head>
<body>

<button id="target" type="button">Click Me</button>
<div id="output">10</div>

</body>
</html>

这个jquery代码不起作用？

3 个答案: