11499 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous et vive l'été!

J'ai un petit souci et je me demandais si les alsacréateurs pouvais me dépanner Smiley biggrin

Je suis sous jquery 1.9

J'ai une page avec des onglets et ces onglet affiche le contenu d'une page via ajax avec le code suivant:


<script type="text/javascript" src="js/ui/jquery.ui.tabs.js"></script>
<script>
                    $(function() {
                        $( "#tabs" ).tabs({
                            ajaxOptions: {
                                error: function( xhr, status, index, anchor ) {
                                    $( anchor.hash ).html(
                                        "Impossible de charger la page. Une erreur est surevenue " +
                                        "Veuillez contacter l'administrateur du site." );
                                }
                            }
                        });
						
						
                    });
                    </script>



et mon code html/php:


<div id="tabs">
    <ul>
		<?php
		 
		foreach( $articles->art_categorie as $test ){
			echo '<li>
					<a href="vues/articles/renderer.php?cat='.$test[0].'"><span>'.$test[1].'</span>
					</a>
				  </li>';
				   
		};
		?>      
      <li><a href="vues/articles/renderer.php?cat=0"><span>Non catégorisé</span></a> </li>
    </ul>
  </div>


En code source ca donne ca:


<div id="tabs">
    <ul>
		<li>
					<a href="vues/articles/renderer.php?cat=1"><span>Catégorie 1</span>
					</a>
				  </li><li>
					<a href="vues/articles/renderer.php?cat=2"><span>Catégorie  2</span>
					</a>
				  </li><li>
					<a href="vues/articles/renderer.php?cat=3"><span>Catégorie  3</span>
					</a>
				  </li><li>
					<a href="vues/articles/renderer.php?cat=4"><span>Catégorie  4</span>
					</a>
				  </li><li>
					<a href="vues/articles/renderer.php?cat=5"><span>Catégorie  5</span>
					</a>
				  </li><li>
					<a href="vues/articles/renderer.php?cat=6"><span>Catégorie  6</span>
					</a>
				  </li>      
      <li><a href="vues/articles/renderer.php?cat=0"><span>Non catégorisé</span></a> </li>
    </ul>
  </div>


Jusque ici, tout va bien, mes pages s'affichent correctement. Tout baigne!!

Mon soucis maintenant c'est que j'ai une fonction de glisser/déplacer via ajax dans ma page renderer.php qui fonctionne sans problème sur la première TAB (celle qui est chargée avec la page) mais qui ne fonctionne plus dès que je change de TAB.

Je ne sais pas si j'ai été assez clair ou si il vous manque des infromations, dans le cas contraire, je me ferai un plaisir de vous informer plus.

Merci de votre aide
Bonjour,

Une piste: essaie de mettre ta fonction de glisser/déposer dans un fichier .js que tu appelle dans le <head> APRES les fichiers jquery.js.