JQuery click function not being set

Question

I want my links not to have the weird outline and the best way I found to solve this is have a "null link" to focus on after a click. This works great when defining the onclick method inline the HTML but that is not ideal. I wrote a quick jQuery snippet to do this instead, but I am having trouble getting it to work. Here it is:

<script type="text/javascript" charset="utf-8">
    $j(document).ready(function () {
        //alert($j('#ml_table thead a').length);
        $j('#ml_table thead a').click( function (){
            $j('#null_link').focus(); return false;
        });
    });
</script>

Does anyone see any problems with this? The alert spits out 8 which is the correct number of anchor elements so I know the selector is working properly. The jQuery docs say that I don't have to iterate through the array of elements.

Thanks!

Roatin Marth · Accepted Answer · 2009-10-21 14:27:21Z

3

Try css:

#ml_table thead a {
    outline:none;
}

And for IE:

$('#ml_table thead a').attr('hidefocus', true)

References:

hideFocus

But yeah, to answer your direct question the one click function is applied to the 8 anchors it found.

That focus trick looks kinda funky. If you really want to keep it you can try instead:

$j('#ml_table thead a').click(function () {
    $(this).blur();
    return false;
})

answered Oct 21, 2009 at 14:27

Roatin Marth

24.2k3 gold badges55 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Tony Over a year ago

actually I think the issue is that I am using sortable which is overwriting the onclick function to sort the table...oops

Collectives™ on Stack Overflow

JQuery click function not being set

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related