Comment exécuter JavaScript dans une page qui est chargée?

Question

J'utilise jQuery Mobile. Mais lorsque je charge la page dans un autre fichier html en tant que page, le javascript de ce tag ne s'exécute pas. J'ai vérifié la source et trouvé que l'étiquette de tête est toujours celle d'origine. Alors, que dois-je faire pour exécuter un script lorsque la page est chargée?

EDIT1:

J'ai aussi essayé d'écrire du code js intérieur balise body, mais le script ne s'arrêtera pas quand sortir de là. J'ai une minuterie pour qu'il y ait deux courses de minuterie.

EDIT2:

J'ai téléchargé pages:

main.html http://pastebin.com/0Y9Xfrtw

recharge.html http://pastebin.com/j9HfUvqZ

recharge.js http://pastebin.com/K5eCwMAb

Answer 1

MISE À JOUR # 2 :

• http://jsfiddle.net/QgSaw/9/

Essayez d'arrêter le chronomètre avant la transition de page. Comme vous utilisez plusieurs pages, je ne suis pas sûr que la minuterie s'arrête lorsque vous naviguez ailleurs.Essayez de tester les différentes transitions de page Événements:

• http://jquerymobile.com/demos/1.0rc2/docs/api/events.html

Dans l'exemple ci-dessus je:

pagebeforehide 

MISE À JOUR:

J'ai essayé d'annonce votre code de CollerBin dans JSFiddle

• http://jsfiddle.net/QgSaw/3/

Cela fonctionne, je pense, comme je vois la minuterie compte à rebours sur la page de recharge et si elle atteint zéro Revenez à la page d'accueil:

• http://jsfiddle.net/QgSaw/4/ (avec js timer mais

  Uncaught TypeError: Object [object Object] has no method 'everyTime'

  : sur cette méthode devrait être dans son propre fichier)

Je reçois une erreur

Alternative à EveryTime

• jquery "everyTime" function

avec tous JQM JavaScript (pour chaque page) doit être dans la page qui est chargé en premier. donc si vous chargez index.html placez tout le JavaScript dans cette page. Pour exécuter le JavaScript pour une page spécifique, vous pouvez utiliser l'un des événements d'initialisation de la page, Docs:

• http://jquerymobile.com/demos/1.0rc2/docs/api/events.html

JS

$('#page_id').live('pageshow',function(event, ui){ 
    alert('This page was just hidden: '+ ui.prevPage); 
}); 

Exemple:

• http://jsfiddle.net/QgSaw/

JS

$('#home').live('pageshow',function(event, ui){ 
    alert('We are back home'); 
}); 

$('#page2').live('pageshow',function(event, ui){ 
    alert('This will only execute on Page 2'); 
}); 

HTML

<div data-role="page" id="home"> 
    <div data-role="content"> 

     <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f"> 
      <li data-role="list-divider">Overview</li> 
      <li><a href="#page2">Page 2</a></li> 
     </ul> 

    </div> 
</div> 

<div data-role="page" id="page2"> 
    <div data-role="content"> 

     <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f"> 
      <li data-role="list-divider">Overview</li> 
      <li><a href="#home">Go Back Home</a></li> 
     </ul> 

    </div> 
</div>