Question

我试图在点击图像时交换图像...到目前为止这是我的jquery并且它不起作用。

$(document).ready(function(){
imgFldr = '../../App_Themes/Default/Images/';
    $('#smallImg1').click(function(){

        $('#smallImg1').attr('src', imgFlder+'belkinSmall4.png');
    });
});

以下是我的HTML

的示例

<div>
     <img id="smallImg1" src="../../App_Themes/Default/Images/belkinSmall1.png" />
</div>

任何帮助将不胜感激！

Answer 1

我会这样写的：

$(function() {
  var imageFolder = '../../App_Themes/Default/Images/';
  $('#smallImg1').click(function(){
    $(this).attr('src', imageFolder + "belkinSmall4.png");
  });
});

$(function() { ... })是$(document).ready(function() { ... })
imageFolder代替imgFldr。无意义的缩写imo。
var imageFolder也是（var是此处的关键字），因此它是一个局部变量，而不是全局变量。
$(this)代替$('#smallImg1')，以避免重复。结果是一样的。

但是，这只是对代码的重新分解 - 您的代码段和我的代码都应该有效。

所以，“不起作用” - 图像会改变吗？路径无效吗？你有任何JS运行时错误吗？如果您手动将src设置为'../../App_Themes/Default/Images/belkinSmall4.png'怎么办？图像是否存在？

我在使用Jquery在click事件上更改图像时遇到问题

1 个答案: