Question

I am developing a jQuery Mobile and PhoneGap app. I am using this code:

$('#contact').live('pageinit', function() {
    //$.mobile.loading('show');
    theme();
    getData('contact/list',contactList);
    //$.mobile.loading('hide');
});

When accessing page for the first time, it works good. In second attempt event is firing multiple times. I tried using bind but it doesn’t work.

I think it is connected with live event. It is binded each time I initialize the page, which makes it multiple. Problem is solved when linking that way: window.location.href-it recreates DOM. Unfortunately I can’t use it.

Is there any way to handle pageinit in another way?

I tried to find it earlier but with no success. Also looked at: click() firing multiple times

Answer 1

In theory, any event that can be bound by ‘live’ can be bound directly. The benefit of binding directly is that it will (iirc) overwrite the previous bound handler. As such, you would only have one handler, so it wouldn’t get triggered multiple times on subsequent loading.

try something like:

$("#contact").pageInit(function() {
  theme();
  getData('contact/list', contactList);
});