0

我正在尝试在单击图像时交换图像......到目前为止,这是我的 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>

任何帮助,将不胜感激!

4

1 回答 1

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 运行时错误吗?如果你'../../App_Themes/Default/Images/belkinSmall4.png'手动设置 src 怎么办——图像存在吗?

于 2009-05-29T16:09:07.603 回答