如何使用jQuery更改链接

时间:2014-08-19 02:40:58

标签: jquery html css

我正在制作自己的图片库并且有一个不错的版本。

Fiddle

单击缩略图时我正在尝试更改主图像的链接但不确定如何执行此操作或是否可以执行此操作。我可以指定缩略图的链接,但是你不能使用图库,所以我需要找到一种方法来改变主图像的链接。

目前正在使用以下内容更改图像,并希望我可以帮助更改同一功能中的链接

$('#thumb1').click(function() {
   $('#imgDisplay').anystretch("images/url.jpg", {speed: 1000});
   $fancy magik needs to happen here I'm guessing; 
});

尝试添加

$("a[href='google link']").attr('href', 'other link');

我的功能,但它打破了它,仍然在努力

1 个答案:

答案 0 :(得分:0)

似乎您正在尝试提供主图像的链接。

myfiddle

但为了澄清您,您不仅需要提供指向元素的链接以重定向到页面。你也可以使用window.location.href来做一些js技巧,比如......

$('#imgDisplay').click(function() {
   window.location.href = 'your path here';
});

并且为了让您的代码更具可读性和清洁性......对于具有相同功能的元素,请为您的事件监听器使用class而不是id。