Conflit entre 2 script

Fermé
fabien - 27 juil. 2013 à 13:29
 KioS - 30 juil. 2013 à 10:39
Bonjour,
je suis confronté à un conflit sur mon site, entre 2 script.
L'ajout de mon nouveau script empeche l'autre de tourner :(
Si vous avez la solution!! merci d'avance

Voici partiellement mon code:


	<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
	
<!-- premier script -->
	<script src="js/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script>
	<script src="js/jquery.mousewheel.min.js" type="text/javascript"></script>
	<script src="js/jquery.kinetic.js" type="text/javascript"></script>
	<script src="js/jquery.smoothdivscroll-1.3-min.js" type="text/javascript"></script>

<!-- nouveau script -->
	<script language="javascript" src="jquery.timers-1.0.0.js"></script>	
	<script type="text/javascript" src="functions.js"></script>

...
                <!-- premier script -->
                <div id="gallery">
			<p>GALERIE PHOTO<br/>
			................................................................................</p>
			<div id="makeMeScrollable">
		<img src="imagessc/demo/a.jpg" alt="Demo image" id="field" />
		<img src="imagessc/demo/z.jpg" alt="Demo image" id="gnome" />
		<img src="imagessc/demo/e.jpg" alt="Demo image" id="pencils" />
		<img src="imagessc/demo/r.jpg" alt="Demo image" id="golf" />
		<img src="imagessc/demo/t.jpg" alt="Demo image" id="river" />
		<img src="imagessc/demo/y.jpg" alt="Demo image" id="train" />
		<img src="imagessc/demo/u.jpg" alt="Demo image" id="leaf" />
		<img src="imagessc/demo/i.jpg" alt="Demo image" id="dog" />
		<img src="imagessc/demo/o.jpg" alt="Demo image" id="cat" />
	</div>

	<script type="text/javascript">
		$(document).ready(function () {
			$("div#makeMeScrollable").smoothDivScroll({
				autoScrollingMode: "onStart"
			});
		});
	</script>
	</div>

<!-- nouveau script uniquement la partie qui fait planter-->
<script type="text/javascript">

$(document).ready(function(){
   var j = jQuery.noConflict();
	j(document).ready(function()
	{
		j(".refresh").everyTime(1000,function(i){
			j.ajax({
			  url: "refresh.php",
			  cache: false,
			  success: function(html){
				j(".refresh").html(html);
			  }
			})
		})
		
	});
	j(document).ready(function() {
			j('#post_button').click(function() {
				$text = $('#post_text').val();
				j.ajax({
					type: "POST",
					cache: false,
					url: "save.php",
					data: "text="+$text,
					success: function(data) { 
					}
				});
			});
		});
   j('.refresh').css({color:"green"});
});
</script>
A voir également:

2 réponses

prosthetiks Messages postés 1189 Date d'inscription dimanche 7 octobre 2007 Statut Membre Dernière intervention 12 juin 2020 431
30 juil. 2013 à 10:36
au lieu de t'embeter avec no-conflict, je te conseilerais de balancer ton code là dedans:

(function($){
// ton code ici, $ === jQuery
})(jQuery);
0
"Conflit entre 2 scriptS" =
La meilleure solution, c'est d'établir un traité de paix entre les deux scripts.

Si non, dsl, je n'ai aucune connaissance en Javascript et autres
0