2010-02-01 5 views
3

Je suis occupé à travailler sur un projet qui a une page principale, sur cette page principale ont des onglets, chaque fois que je clique sur un onglet, il charge une page dans un tag div avec contenu ID.TinyMCE ne se charge pas en utilisant JQuery

Une des pages que je charge dans la balise div contient une zone de texte dans laquelle j'ai besoin de travailler avec TinyMCE.

Je chargement des pages dans la div la façon suivante en utilisant JQuery

$('#content').load('step4.php'); 

La chose drôle est quand j'ouvre step4.php sans utiliser JQuery dans une fenêtre de navigateur fonctionne TinyMCE, dès que je charge par la méthode load jquery, ça ne marche pas et je ne vois que la zone de texte.

En haut de la page step4.php j'ai le code suivant.

<script type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script> 

<script type="text/javascript"> 

tinyMCE.init({ 

    theme : "advanced", 

    mode : "textareas", 

    plugins : "fullpage", 

    theme_advanced_buttons3_add : "fullpage" 

    }); 

</script> 

Répondre

3

Est-ce que cela se produit dans tous les navigateurs ou seulement dans Safari? (voir jQuery .load() call doesn't execute javascript in loaded html file)

peut-être un problème de synchronisation (init exécute avant que le fichier js a terminé le chargement) vous pouvez essayer d'exécuter l'initialisation dans le rappel $ .load par exemple

$('#content').load('step4.php', function() { 
     tinyMCE.init({ 
     theme : "advanced", 
     mode : "textareas", 
     plugins : "fullpage", 
     theme_advanced_buttons3_add : "fullpage" 
     }); 
    }); 
+0

C'était Firefox, merci beaucoup cela a fonctionné – Roland

0

Ce n'est pas quelque chose de fou comme le sont les chemins? Comme première étape pour déboguer le problème, je voudrais essayer ceci:

Lorsque vous chargez step4.php via jQuery, utilisez Firebug (ou similaire) pour déterminer si le fichier tiny_mce.js est effectivement chargé. jQuery et TinyMCE jouent OK ensemble (il y a even a plugin for jQuery pour faire des trucs de fantaisie avec l'éditeur), donc je soupçonne une explication simple à la racine de ceci.

Une autre chose: cela se produit-il dans tous les navigateurs, ou seulement dans ceux de WebKit (par exemple)?