jquery - disable click

Question

I just want to disable the ability for a user to click on an element for some condition. Here is some of the code I am working with:

     $('#navigation a').bind('click',function(e){      var $this   = $(this);     var prev    = current;      current = $this.parent().index() + 1; // store the position in current      if (current == 1){     $("#navigation a:eq(1)").unbind("click"); // i want to disable the ability to click this element if current is 1     }     if (current >= 2){     $("#navigation a:eq(1)").bind("click"); // this is wrong, but I want to rebind the click if current is greater than 1.       } 

}

Answer 1

If you're using jQuery versions 1.4.3+:

$('selector').click(false); 

If not:

$('selector').click(function(){return false;}); 

Answer 2

assuming your using click events, just unbind that one.

example

if (current = 1){      $('li:eq(2)').unbind("click"); } 

EDIT: Are you currently binding a click event to your list somewhere? Based on your comment above, I'm wondering if this is really what you're doing? How are you enabling the click? Is it just an anchor(<a> tag) ? A little more explicit information will help us answer your question.

UPDATE:

Did some playing around with the :eq() operator. http://jsfiddle.net/ehudokai/VRGfS/5/

As I should have expected it is a 0 based index operator. So if you want to turn of the second element in your selection, where your selection is

$("#navigation a") 

you would simply add :eq(1) (the second index) and then .unbind("click") So:

if(current == 1){     $("#navigation a:eq(1)").unbind("click"); } 

Ought to do the trick.

Hope this helps!