jquery - Uncaught ReferenceError : img is not defined

标签 jquery html referenceerror

所以我是 JQuery 和 HTML 的新手,我在控制台中收到 Uncaught ReferenceError: img is not defined 错误,但我不知道这意味着什么或如何修复它......我的项目应该是幻灯片放映,所以当您单击按下一个按钮,它会转到下一张图片。我还没有添加所有照片,因为我想先让它工作,但会有 4 张。另外,我使用 Khan Academy 上的编辑器,所以如果某些变量很奇怪(例如 var )这就是原因。

这是我的正文和脚本代码,感谢您的帮助!

<body>

<br>
<img>
<button type="button" id="next">Next ➡</button>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> //access to jQuery library
<script>
var photo=function(nums){
    console.log("nums "+nums);//checking to see if the right number was received from the function
    if (nums===1){
        $("img")//I think the problem is here
            .css("src","https://www.kasandbox.org/programming-images/food/mushroom.png")//photo on khan academy
            .css("width","400")
            .css("alt","Mushrooms");
    } else if (nums===2){
        $("img")
            .css("src","https://www.kasandbox.org/programming-images/food/coffee-beans.png") //photo on khan academy
            .css("width","400")
            .css("alt","Coffee Beans");
    }  
    $("img").slideDown(1000);
}

$("img").hide();

$("#next").on("click", function() {
        var num = 0;
        if(num < 4){
            num++;
        }else{
            num = 1;
        }
        console.log("num "+num);//checking to see if the right number was sent to the function
        photo(num);
    });


</script>
</body>

最佳答案

img 需要是字符串

使用$("img")

你编写 JavaScript 的方式是寻找一个名为 img 的对象,你从未定义它。或者你可以像这样定义 img var img = "img"

关于jquery - Uncaught ReferenceError : img is not defined,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33739021/

相关文章:

javascript - Jquery Post方法和JSON问题

node.js - docker-compose 服务器未定义错误

javascript - jQuery Accordion 在点击时更改 Font Awesome 图标类

javascript - 使用 jquery 调整宽度,使 p 元素高 4 行

javascript - 定时 Javascript 文件刷新而不重新加载页面

Jquery onclick 事件改变 Font Awesome 图标

html - Angular/CSS : grid of dynamically resizable objects

javascript: 如何从 foreach 获取 data-id 上的每个记录 id?

javascript - 为什么重新分配导入的对象会抛出 ReferenceError?

javascript - 如何从我的 HTML/JavaScript 应用程序中引用 jQuery?