Question

I am trying to unbind a link from all functions. When I do:

$('a').unbind();

It works perfectly. But obviously this is not what I want – I only want one specific link to not be manipulated by any functions. So I tried selecting the specific link:

$('.page1->index').unbind();

But this did not work, the function was still manipulating the link. I also tried

 $('a.page1->index').unbind();

But that did not work either. I feel like my second approach should work. Is there something I’m missing?

HTML:

<a id ="page1->index" href="#play1" data-role="button" data-icon="back" data-iconpos="notext" data-transition="fade" data-direction="reverse"></a>

Answer 1

If the name of your class is page1->index, then you need to escape ‘>‘ symbol, because it has a special meaning in CSS selectors:

$('.page1-\\>index').unbind();