上單擊更改圖像使用JavaScript，但鏈接依然遵循

<a href="email.html" target="_blank" ><img src="../img/mailto.gif" alt="Send email" id='email'/></a>

點擊圖片應打開一個新窗口，你應該現在如果圖像已被點擊之前，只是因爲它會在你點擊它時發生變化。這也包括在與一個MySQL表PHP創建一個表（基本上，這意味着我將每一行中得到一個新的形象，我只能改變自己的ID的全局，就不一一..）

後添加這個jquery代碼鏈接停止工作。這意味着，當我點擊圖片時，它會更改爲不同的圖片（.../img/mailto_onclick.gif），這很好，但是email.html頁面不會像以前那樣在新選項卡中打開...

<script language="javascript"> 
$(document).ready(function() { 
    $('#email').click(function(){ 
    $(this).attr('src',"../img/mailto_onclick.gif"); 
     return false; 
    }); 
}); 
</script>

任何想法如何讓這個工作？如果對不起它的一些基本的或明顯的東西

來源

2014-11-05 Fran Cano

因爲''return false''它正在停止默認行爲 – 2014-11-05 05:30:52

試試這個：

<script language="javascript"> 
    $(document).ready(function() { 
     $('#email').click(function(){ 

     $(this).attr('src',"../img/mailto_onclick.gif"); 
      //return false; 
     }); 
    }); 
    </script>

來源

2014-11-05 05:29:26

刪除return false，因爲它會阻止默認行爲click()因爲<img>被包裹在裏面<a></a>。

$('#email').click(function(){ 
    $(this).attr('src',"../img/mailto_onclick.gif"); 
     // return false; // remove 
    });

來源

2014-11-05 05:29:37

上單擊更改圖像使用JavaScript，但鏈接依然遵循

回答

相關問題