javascript - jQuery 第二次点击调用函数

Question

我有以下 HTML

<a onclick="hi('#i_15', 'second_img.jpg'); return false;" href="http://google.com">
<img id="i_15" src="first_img.jpg" />
</a>

所以，我不希望它在点击时跟随到 google.com，而是只调用 hi 函数:

function hi(id, file){
$(id).attr("src", file);
}

这应该放大图像(通过将first_img.jpg交换为second_img.jpg。)如果我想再换回来怎么办？例如，单击交换的图像 (second_img.jpg) 并将其改回first_img.jpg；与 hi 函数的作用相反。

Answer 1

如果点击后不导航到google.com，只需将href更改为:href="#"即可。

对于图像交换，为什么不让您的 hi 函数作为切换来双向工作？你可以这样做:

<a onclick="swapImage('#i_15', 'first_img.jpg', 'second_img.jpg');" href="#" >
    <img id="i_15" src="first_img.jpg" />
</a>

function swapImage(id, firstImage, secondImage) {
    var imageToLoad = $(id).attr("src") == firstImage ? secondImage : firstImage;

    $(id).attr("src", imageToLoad);
}