11540 sujets

JavaScript, DOM et API Web HTML5

[Résolu] Fonction qui ne s'exécutée pas

bonjour

j'ai un problème au niveau d'une fonction qui ne s'exécutée pas

le bout de code HTML qui relie les fichier Js, il ce situ juste avant la fermeture du body 
<!---------- SCRIPTS JQUERY ------------->
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script src="js/jquery-1.11.1.min.js"></script>
        <script src="js/site.js"></script>
        <script src="js/supersized.js"></script>


la fonction, l'alerte toto s'affiche bien, ces à partir de $.supersized que ça ne marche pas
$(function () {
 
    alert('toto');
     
    $.supersized ( {
        transition_speed : 5000,
        slides :
            [
                {image: '../bg.jpg'},
                {image: '../bg2.jpg'},
                {image: '../bg3.jpg'}
            ]
    });
 
}); // fin


message console
TypeError: $.supersized is not a function
      
{image: '../bg3.jpg'}

http://sharpik.com/5907331c9f237b723b89a1a1b52b0d2d7e556c13/c.JPG


merci
Modifié par camox (24 Sep 2014 - 22:03)
Salut,
C'est normal, tu charges ton fichier JS : 
<script src="js/site.js"></script>

avant :
<script src="js/supersized.js"></script>

Il ne connait donc pas la fonction $.supersized. Ce qui explique ton message d'erreur.
Inverses les deux lignes et normalement ça devrait le faire.

++++
slt

j'ais inversé, mais le problème est toujours là
<!---------- SCRIPTS JQUERY ------------->
		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
		<script src="js/jquery-1.11.1.min.js"></script>
		<script src="js/supersized.js"></script>
		<script src="js/site.js"></script>


l'erreur dans la console et la même 
TypeError: $.supersized is not a function
	

{image: '../bg3.jpg'}
Sans rapport avec le problème je suppose, mais pourquoi charger deux fois la même version de jQuery ?
salut

SolidSnake

Et si tu essaies de ne mettre aucun paramètres dans ton appel...

$(function () {

	//alert('toto');
	
	$.supersized ( {	
		
	});

}); // fin


ça donne :
TypeError: $.supersized is not a function

$.supersized ( {


capture de la console http://sharpik.com/90f20ec5347e33775ef56ce69ed0c099ea6cf984/cc.JPG

Ten
pourquoi charger deux fois la même version de jQuery ?

même en mettant juste la version de googleapis ne resoud pas le problème

<!---------- SCRIPTS JQUERY ------------->
		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
		
		<!--<script src="js/jquery-1.11.1.min.js"></script>-->
		<script src="js/supersized.js"></script>
		
		<script src="js/site.js"></script>
Effectivement n'appelle qu'une fois jQuery...

Et si tu sors ton appel à supersized() de ta closure, ça donne quoi ?
voici met script appelé dans le HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>	
		<script src="js/supersized.js"></script>		
		<script src="js/site.js"></script>


Et si tu sors ton appel à supersized() de ta closure, ça donne quoi ?

$.supersized ( {	
		transition_speed : 5000,
		slides :
			[
				{image: '../bg.jpg'},
				{image: '../bg2.jpg'},
				{image: '../bg3.jpg'}
			]
	});



ça donne toujours l'erreur
TypeError: $.supersized is not a function
Line 4
Salut,
J'ai testé en téléchargeant le plugin supersized. J'ai repris la même configuration que toi et je n'ai pas d'erreur. La fonction se lance bien.

As tu vérifié que le script "js/supersized.js" est bien chargé ?
bonjour a tous

mon erreur et résolut j'avais mal nommée le fichier supersized.js la bonne écriture et supersized_min.js


// chemin avec l'erreur
<script src="js/supersized.js"></script>

// chemin sans erreur
<script src="js/supersized_min.js"></script>



on appel ça une erreur de débutant et une prise de tête pour rien Smiley decu Smiley smile

merci pour votre suivit Smiley smile
Sujet clos
Aller à