忙裡偷閒的部落格

假設我想在某一張帶有HyperLink的圖片上，當滑鼠游移上去時，能直接觸發jQuery的.click() event去驅動它自動連結到HyperLink指定的網頁，

如這樣:

<script src="jquery-1.6.min.js" type="text/javascript"></script>

<script type="text/javascript">

    $(document).ready(function() {

        $('#myhref').mouseover(function() {

            $(this).children().click();

        })

    })

</script>

<a href="http://www.google.com" id="myhref"><img src="link.png" id="myimage" /></a>

在IE7、8能正常顯示，但非IE的瀏覽器卻動不了 冏!

追本溯源，原來非IE的瀏覽器不支援javascript的click事件綁定在hyperlink上。

所以程式得改一下:

$('#myhref').mouseover(function() {

    window.location.href = $(this).get(0).href;

})

這樣在IE7、8，以及FireFox、Google Chrome實測均能顯示正常了。