Question

I have an ASP.NET Menu which generates many anchor tags when rendered.
My requirements were

1. to prevent postback if href or an
   anchor tag is “” or “#”.
2. to make the cursor not to show the
   hand

First I checked the markup of one of the generated anchor tags

    <a href="#" 
        class="popout level1 static" 
        tabindex="-1"  
        onclick="__doPostBack('ctl00$NavigationMenu','Unternehmen')">
        Company
    </a>

I saw an already bound click event and wrote a quick jquery snippet.

    $(document).ready(function () {
        $(".menu a").each(function () {
            var anchor = $(this);
            var url = (anchor.attr('href').length == 0) ? "" : anchor.attr('href').trim();
            if (url == "" || url == "#") {
                //unbind the __dopostback
                anchor.unbind('click');
                anchor.bind('click',function (e) {
                    e.preventDefault();
                });
                anchor.css("cursor", "default");
            }
        });
    });

When I hovered on the empty link, the cursor is showing the default one instead of hand, that means my anchor is recognized. But when I clicked the anchor, postback occurred!

Tried replacing anchor.unbind('click'); with anchor.kill('click');
Tried replacing e.preventDefault(); by appending e.stopPropogation and even return false;
Tried replacing anchor.bind('click', function(e){ with anchor.click(function(e) {

Nothing seems to work. What could be wrong with my code?

Answer 1

try using anchor.removeAttr("onclick"); in your code