jQuery 根据 href 更改 img src

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