javascript - 更改 img onclick 的 href 和 src

Question

我正在尝试找到解决我的 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>

Answer 1

每个 .menulink 只需运行一次事件处理程序，否则每次都会返回 false，并且永远不会跟踪该链接。因此，您可以使用 .each 循环，然后使用 .one 进行绑定(bind)，这样第一次单击将运行 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;
        });
    });
});