jQuery更改img src基于href

Question

我有四个或五个缩略图旁边的全尺寸图像。当我点击缩略图时，我只想要它替换全尺寸的图像。

缩略图：

<a href="newimage.jpg" class="enlarge"><img src="thumbnail.jpg" alt="thumbnail" /></a> 

原图：

<div id="folio-detail"> 
<img id="fullImage" src="image.jpg" /> 
</div> 

的jQuery：

$(function(){ 
     $("a.enlarge").live('click', function (e) { 
      e.preventDefault(); 
      $("img#fullImage").attr("src", $(this).attr("href")); 
     }); 
    }); 

这是不工作...任何帮助吗？

Answer 1

需要在代码之前引用jQuery，以便定义jQuery（$）函数。我稍微改变你的代码太（这是工作），但希望改变使得它更清晰

<script type="text/javascript" src="jquery.js" ></script> 
<script type="text/javascript"> 
$(function() { 
    $("a.enlarge").live('click', function (e) { 
     e.preventDefault(); 
     var href = this.href; 
     $("#fullImage").attr("src", href); 
    }); 
}); 
</script> 

An example

Answer 2

它看起来是正确的。你有没有试过提醒发生了什么？即在e.preventDefault之上放置“alert（'here'）”。还提醒点击href。如果两者都正确，请尝试将全图像选择器更改为'＃folio-detail img'。

你还可以看看不断变化的源代码（即Firebug/Developer工具），看看是否有什么变化吗？

Answer 3

您的代码确实有效。我已经把它放入JSFiddle，它的工作原理，只是看看here on JSFiddle。

你确定包含了JQuery库吗？