javascript:交换图像和 onClick

标签 javascript jquery

<img src="logo.jpg" class="myImage" alt="Logotyp" />

这是我的 JavaScript 代码:

$(function() {
    var windowWidth = $(window).width();
    if (windowWidth <= 480) {
        $(".myImage").attr("src", "load.jpg");
    }
});

当窗口宽度 = 480 时,图像 logo.jpg 变为 load.jpg。工作正常。但我想要一个 onClick 函数,它表示当您单击 load.jpg 时,它会再次变成 logo.jpg 。似乎无法使其发挥作用。有建议吗?

最佳答案

$(".myImage").click(function(){
   $(this).attr("src"," logo.jpg"); 
});

关于javascript:交换图像和 onClick,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10558201/

相关文章:

jquery - 为什么 jQuery.extend 定义为 jQuery 函数属性,而 jQuery.fn.extend 定义为 jQuery 原型(prototype)对象属性

jquery - HTML5 视频 - 使用 jQuery 加载和卸载视频标签

javascript - toLocaleDateString() 如何在 Chrome 中工作?

php - jQuery 3.3.1 $.ajax 函数错误,不是错误函数,成功,完成回调

javascript - jQuery 如何杀死一个已创建的 Div?

javascript - 使用 VueJS prop 作为数组映射的变量

javascript - 在 for 循环中仅创建 Accordion 的内容

javascript - WebRupee 不工作

javascript - Web sql 中的嵌套选择查询

javascript - Typescript 创建通用对象