更改img onclick的href和src

Change href and src of an img onclick

本文关键字：src href img onclick 更改      更新时间：2023-09-26

我正试图找到解决我的JS问题，但不可能!我想改变一个img onclick的来源，以及href。在第二次点击时，我们转到新href.

的链接。

就像:第一张图片没有链接->点击它->第二张图片和一个新的链接->点击它->进入这个新链接的页面

这是我的代码:

JQUERY 

$(function() {
    $('.menulink').click(function(){
    $("#bg").attr('src',"<?php bloginfo("template_directory"); ?>
        /Images/
        second.png");
        $(this).attr("href", "http://www.google.com/")
        return false;
        });
        });
HTML 

<a href="" title="Website" class="menulink"><img src="<?php bloginfo("template_directory"); ?>/Images/first.png" id="bg"/></a>

您只需要对每个.menulink运行一次事件处理程序，否则每次都会返回false并且永远不会跟随链接。所以你可以循环通过.each，然后使用.one绑定，这样第一个点击将运行javascript，设置href属性。而第二个点击将只是点击一个普通的链接。

$(function() {
    $('.menulink').each(function() {
        $(this).one("click", function(){
            $("#bg").attr('src',"<?php bloginfo("template_directory"); ?>/Images/second.png");
            $(this).attr("href", "http://www.google.com/")
            return false;
        });
    });
});
相关文章：