Question

我试图找到解决我的JS问题的方案，但不可能！我想改变img onclick和href的来源。在第二次单击时，我们转到新href。

的链接

它就像：没有链接的第一张图片 - ＆gt;点击它 - ＆gt;第二张图片和一个新链接 - ＆gt;点击它 - ＆gt;转到这个新链接的页面。

这是我的代码：

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进行绑定，这样第一次点击将运行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;
        });
    });
});

更改img onclick的href和src

1 个答案: