jquery - 被锚点包围的 img 元素正在回发

Question

我知道一个“hack”来避免回发，方法是让一个 jquery 绑定点击事件跨越来包装img元素，尽管这次我需要一个用于 seo 目的的 herf 这个对我不起作用如果我添加它是禁用的一个带有return false 或它的 jquery 代码回发。

<a id="a_ContactUs" href="contactUs.aspx">
    <span>
        <img class="img_ContatUs_CssClss" src="images/HebContactUs_RCL.png" alt="contact us" title="click here" />
    </span>
</a>

解决该回发问题并仍然使用锚点的正确方法是什么。

Answer 1

$(' imgID or class here ').bind('click', function (e) {
    animatePageHide(e.target.id.split('_')[1] + ".aspx"); return false;
    // i have used the id as the page name... say contact.aspx the id of the element to bind
    // should be id="img_contact", then the split of the id returns the array that i take 
    // the array-element No1 which is 
   /*
   e.target.id[0] --> img
   e.target.id[1] --> contact
   then i concatenated the suffix ".aspx" thats it
   */
});

然后是在重定向时避免“打扰眼睛”页面刷新的功能：

function animatePageHide(pageURLRedirect2) {
    $("#DivNew_Main").fadeOut(500, function () {
         if (pageURLRedircet2 != undefined) window.location.href = pageURLRediret2 ;
    else window.location.href = "default.aspx";
    });

}