锚点包围的img元素正在回帖

时间:2013-05-26 11:25:29

标签: jquery asp.net webforms postback

我知道一个“黑客”通过使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>

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

1 个答案:

答案 0 :(得分:0)

$(' 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";
    });

}