Erreur au chargement de Jquery

**thib4735** · 17/09/2013, 09h32

Re : Erreur au chargement de Jquery

Merci pour ta réponse.
J'ai fait la modif'. D'ailleurs, cette fonction n'utilise pas jquery, cela ne devrait pas gêner l'exécution de la fonction Swipe (qui marche sans souci lorsque je charge une deuxième fois manuellement Jquery).

Il y a une erreur quelque part.. mais je n'arrive pas à savoir où. La plupart de mes scripts sont de vulgaires copier/coller de doc ou d'API... et même en chargeant jquery à la main, certaine fonctions comme :

Code:

(function($) { 
		$('body').attr('data-spy', 'scroll');
$('body').attr('data-target ', '.navbar');

$('[data-spy="scroll"]').each(function () {
  var $spy = $(this).scrollspy('refresh');
});

$('#navbar').scrollspy();
	})(jQuery);

ne sont pas exécutées en entier...

**thib4735** · 17/09/2013, 09h34

Re : Erreur au chargement de Jquery

bien vu, j'ai fait la modification, la fonction Swipe est maintenant exécutée, mais jquery a toujours son souci !

**ghazal** · 17/09/2013, 09h37

Re : Erreur au chargement de Jquery

c'est bien ce swipe là que tu utilises ?

File not found · infofarmer/Swipe

https://github.com/bradbirdsall/Swipe/blob/master/index.html

Contribute to infofarmer/Swipe development by creating an account on GitHub.

**ghazal** · 17/09/2013, 09h46

Re : Erreur au chargement de Jquery

essaie ceci alors :
(function($){
//code
})(jQuery);

Edit : ceci est incorrect

En fait, il faudrait complètement repenser l'inclusion et la mise en route du script swipe.js.

**thib4735** · 17/09/2013, 10h46

Re : Erreur au chargement de Jquery

Mais Swipe est fonctionnel ! c'est le premier slideshow au début. Le second est le carousel de Bootstrap.
Et même lorsque je ne l'utilise pas, cela n'empêche pas d'avoir cette erreur Jquery, c'est l'élément Courousel de Bootstrap ou encore l'Affix qui s'en servirait..

**ghazal** · 17/09/2013, 11h14

Re : Erreur au chargement de Jquery

Certes.
Mais ta méthode, c'est un peu du bricolage et mon ame de joomla-iste ne peut s'empêcher de frémir

Méthode - avec le template Protostar par exemple

Si cette méthode est correctement mise en place, on verra alors si l'erreur de jQuery vient de là ou d'ailleurs.

* Préalable :
virer tout ce qui concerne swipe en dessus de </body> dans index.php du template

1- au dessus de <html> et dans un bloc <?php .... ?>

$doc = JFactory::getDocument(); //a vérifier si cette ligne est présente si le template n'est pas protostar

$doc->addScript('templates/' .$this->template. '/js/template.js');
$doc->addScript('templates/' .$this->template. '/js/swipe.js');

// Add Stylesheets
$doc->addStyleSheet('templates/'.$this->template.'/css/template.css');
$doc->addStyleSheet('templates/'.$this->template.'/css/swipe.css');

où swipe.js est dans le dossier js du template
idem pour swipe.css dans le dossier CSS

2 - HTML -

3 - à la fin de swipe.js, tu rajoutes :

if ( window.jQuery || window.Zepto ) {
(function($) {
$.fn.Swipe = function(params) {
return this.each(function() {
$(this).data('Swipe', new Swipe($(this)[0], params));
});
}
})( window.jQuery || window.Zepto )
}
///// LIGNES A RAJOUTER
(function($){
$(document).ready(function() {
window.mySwipe = $('#mySwipe').Swipe().data('Swipe');
});
})(jQuery);

Là, tu es tranquille, la ligne :

window.mySwipe = $('#mySwipe').Swipe().data('Swipe');

est bien encapsulée dans une fonction et fonctionnelle quand le DOM est "ready" :

$(document).ready(function()

CAD quand le script est placé dans la <head>

4 - La CSS obligatoire de swipe.css

.swipe {
overflow: hidden;
visibility: hidden;
position: relative;
}
.swipe-wrap {
overflow: hidden;
position: relative;
}
.swipe-wrap > div {
float:left;
width:100%;
position: relative;
}

**thib4735** · 17/09/2013, 11h32

Re : Erreur au chargement de Jquery

Merci beaucoup, je ne maîtrise tellement pas le coeur de Joomla que j'ai toujours peur de toucher aux index.php.
Est-ce que cela ne sera pas modifié lors des mises à jours ? L'index.php reste ?

Je ferai ça ce soir et mettrai à jour.

Merci encore pour tout ton temps.

**thib4735** · 17/09/2013, 11h42

Re : Erreur au chargement de Jquery

Autre question.

je ne veux Swipe que pour certaines pages, et pas toutes.. en l'intégrant à l'index.php il sera inutilement chargé. Une solution à ça ?

merci beaucoup

**ghazal** · 17/09/2013, 12h39

Re : Erreur au chargement de Jquery

Est-ce que cela ne sera pas modifié lors des mises à jours ? L'index.php reste ?

La solution du framework Wright est de créer un fichier custom.php
Voir ici :

http://wright.joomlashack.com/using-wright/13-customizing-html-without-altering-the-template

je ne veux Swipe que pour certaines pages, et pas toutes.. en l'intégrant à l'index.php il sera inutilement chargé. Une solution à ça ?

Le script fait 16k, ce n'est pas le bout du monde.
Cela dit, comme c'est une de mes préoccupations également, j'ai developpé un module rien que pour ca :

Build software better, together

https://github.com/ghazal/mod_multimoo

GitHub is where people build software. More than 100 million people use GitHub to discover, fork, and contribute to over 420 million projects.

Pour le télécharger --> Download Zip sur la droite

**thib4735** · 17/09/2013, 13h13

Re : Erreur au chargement de Jquery

Exact, autant faire les choses biens !
Donc ton module permet de placer du code html dans le head c'est ça ?

(j'utilisais flexi custom code jusqu'ici dans le footer)

Je regarderai tout cela ce soir. Merci encore Ghazal.

**thib4735** · 17/09/2013, 21h53

Re : Erreur au chargement de Jquery

Merci encore Ghazal pour ton aide. J'ai résolu mes soucis en corrigeant une erreur de syntaxe dans un script. Je load maintenant tous les script et CSS au début de l'article comme cela tout est fonctionnel.

Merci encore.

Erreur au chargement de Jquery

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Annonce

Partenaire de l'association