2010-11-26 8 views
0

Salut à tous, nouveau pour App Engine et jQuery ainsi va ici:Google App Engine, Jquery, méthode de charge

Je veux charger dynamiquement le contenu dans un div en utilisant la méthode de charge de jQuery sur un clic:

$('#menu a').click(function(event) { 
       event.preventDefault(); 
       var page = $(this).attr('href'); 
       $('#header').load(page); 
     }); 

<div id="menu"> 
<ul> 
    <li><a href="home.html" class="active">About</a></li> 
    <li><a href="news.html">News</a></li> 
</ul> 
</div> 
<div id="header"> 
</div> 

Si je suis actuellement chez/home, en utilisant le moteur de l'application, cela me dirige vers/home/page au lieu de charger la page dans mon <div id="header"> et de me laisser à/home. Le code ci-dessus fonctionne sans utiliser le moteur de l'application (ce qui signifie que le contenu de la page est chargé dynamiquement dans ma div et je reste à l'URL/home). Qu'est-ce que je rate?

Répondre

0

Vous devez mettre le jquery sous le menu HTML, ou (recommandé) à l'intérieur d'un $(document).ready(function() { ... });

+0

Une autre option qui devrait fonctionner est d'utiliser [live] (http://api.jquery.com/live/), comme ceci: '$ ('# menu a'). Live ('clic', fonction (event) {...}); ' – cambraca

+0

J'ai $ (document) .read() et j'ai essayé le .live ('clic') mais je suis toujours routé vers /home/page...thanks pour les suggestions si – akobre01

+0

Peut-être que vous pouvez télécharger cela quelque part afin que nous puissions le voir en cours d'exécution? ... – cambraca

0

Êtes-vous sûr que vous utilisez le serveur AppEngine?

Vous ne pouvez pas accéder à votre propre système de fichiers via le serveur.

+0

Je cours le tout en utilisant le lanceur de moteur de l'application google. – akobre01

+0

Donc, les fichiers home.html et news.html ne sont que des fichiers statiques? – wliao