jQuery Mobile click event using ajax navigation

Question

I am using the jQuery mobile library (JQM) but am having an issue with a jQuery click event.

By default, JQM uses ajax page transitions to change the DOM. I have a search icon in the header where I want to add a simple click event:

$("#search-toggle").click(function(){
    alert("clicked");
});

This will work only for the home page as subsequent pages are all ajax/dom manipulations.

e.g. It wont work on

www.test.com/#/about

but would work on

www.test.com/about

I want to retain the page transitions (ajax naviagation). How can I however get a simple click event to work with every new 'page'.

A.

Jasper · Accepted Answer · 2011-11-11 17:21:54Z

2

sorted it:

$('#search-toggle').live('click', function() {
    alert("clicked");
});

edited Nov 11, 2011 at 17:21

Jasper

76.1k14 gold badges153 silver badges148 bronze badges

answered Jun 23, 2011 at 13:45

Adi

4,03213 gold badges58 silver badges80 bronze badges

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

2 Comments

Adi Over a year ago

in fact needed 'tap' instead of 'click'

J.T.Sage Over a year ago

If you are using the beta, you may also want to look at the vclick event. It is supposed to automaticly use the most appropriate method depending on the platform in order to react as fast as possible

Collectives™ on Stack Overflow

jQuery Mobile click event using ajax navigation

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related