jQuery Mobile Page refresh mechanism

Question

I\'m having a lot of pain understanding how jQuery Mobile handles pages refresh after an ajax update.

I\'m having a two pages - unique file site: a search engine.

Answer 1

This answer did the trick for me http://view.jquerymobile.com/master/demos/faq/injected-content-is-not-enhanced.php.

In the context of a multi-pages template, I modify the content of a

...

in a Javascript 'pagebeforeshow' handler and trigger a refresh at the end of the script:

$(document).bind("pagebeforeshow", function(event,pdata) {
  var parsedUrl = $.mobile.path.parseUrl( location.href );
  switch ( parsedUrl.hash ) {
    case "#p_02":
      ... some modifications of the content of the 
 here ...
      $("#foo").trigger("create");
    break;
  }
});