更改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進行綁定，這樣， 首次單擊將運行javascript，該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;
        });
    });
});