[RISOLTO]Carousel: non parte all'avvio, ma funziona dopo il primo click!

[MasterTheBest]

Fermi!
Ho trovato questa discussione
http://forum.joomla.it/index.php/topic,199823.msg908846.html#msg908846
poco utile, quindi ho deciso di aprire un topic dedicato.


Ho voluto creare un carousel con bootstrap ed ho seguito le solite linee guida.
Il problema è molto semplice:

• Se clicco per far scorrere il carousel, successivamente funziona in automatico
• Fintanto che non clicco, il carousel non inizia il suo sporco lavoro.

Ho aggiunto una volta in testa (prima della chiusura dell'head), una volta appena prima della fine di

Codice: [Seleziona]

</html>, quanto segue:

Codice: [Seleziona]



 $(document).ready(function() {
        $('.carousel').carousel({
  pause:"hover"
  })


  });
Ma nessun risultato.
Aiutino?

[giovi]

ciao masterthebest, ricorda che questo è il forum di Joomla! e non di bootstrap
nella documentazione comunque sembra che non ci siano riferimenti all'autoplay (almeno non li ho trovati appena svegliato) ma prova a togliere uno dei due codici javascript che hai inserito e da quello restante elimina i parametri opzionali e vedi se cambia qualcosa, inoltre posta un link al tuo sito altrimenti c'è ben poco da fare...

[MasterTheBest]

Ciao giovi, grazie per la risposta.
Confido che altri, come utenti di joomla, abbiano avuto il medesimo problema; inoltre lavoro in locale e pertanto non posso postare molto.


Non ci sono due codici, ma uno solo : prima ho testato alla chiusura dell'head e, con un secondo test, rimuovendo lo stesso codice dall'head, ho posto lo script dopo la chiusura del body.


 

[MasterTheBest]

Ordunque, risolto l'arcano è un dannatissimo problema di conflitto tra Mootols e jQuery. Non capisco perchè mantenere entrambi i framework, comunque sia, seguendo questa guida


http://learn.jquery.com/using-jquery-core/avoid-conflicts-other-libraries/


È bastato modificare il codice così

Codice: [Seleziona]

<script type="text/javascript">
var $j = jQuery.noConflict();
 $j(document).ready(function() {
        $j('.carousel').carousel({
  pause:"hover"
  })


  });
</script>

[giovi]

Ma il tuo template include jQuery?
Joomla lo ha già nel core e si importa automaticamente in no-conflict mode così:

Codice: [Seleziona]

JHtml::_('jquery.framework'). Le mantiene tutte e due perché tanto non si danno fastidio a vicenda! Cito:

In order to load jQuery, use JHtml::_('jquery.framework');
This will load the jQuery version 1.8.1 library in no conflict mode. This means it is accessed via the jQuery namespace, not through $.
To load it in normal mode, call JHtml::_('jquery.framework', false);

Per quanto riguarda mootools:

This framework is deprecated and may be removed in future versions.

purtroppo ci sono ancora estensioni sviluppate con questo framework e non possono essere abbandonate così drasticamente. Come vedi però il team di sviluppo si sta già adeguando

[MasterTheBest]

Grazieeeeeeeeeeeeee!
Ma, se è deprecato, come mai protostar lo usa ancora?

[giovi]

non è "deprecato" nel senso di "brutto" ma nel senso che Joomla! si sta muovendo verso altri framework di supporto (come appunto jquery che è più utilizzato al momento, ma soprattutto è parte integrante del bootstrap) e chiaramente gli sviluppatori di Joomla! hanno preferito continuare ad offrire il supporto a tutte e due le librerie per non costringere gli sviluppatori come ad esempio quelli di protostar a modificare tutto il codice in un lasso di tempo così breve

mootools per certi versi è anche migliore di jquery ma è più difficile da usare, ecco tutto

[MasterTheBest]

Riapro, aggiungendo la soluzione senza strani magheggi.

Codice: [Seleziona]

JHtml::_('jquery.framework');
$doc= JFactory::getDocument();
$doc->addScriptDeclaration(' jQuery(document).ready(function() {
jQuery(\'.carousel\').carousel({
        interval: 2000,
  pause:"hover"})
    })');

[sickseven]

Ciao MasterTheBest,

Grazie per aver aperto questo thread. E' tutto il giorno che bestemmio su questo componente. L'ho smontato e rimontato, testato, analizzato e sì, può essere solo un conflitto...solo che, ho provato a scrivere l'ultimo codice che hai postato ma, sei sicurissimo che la sintassi sia corretta? Dreamweaver mi segnala che che un errore sulla riga che contiene:

Codice: [Seleziona]

$doc->addScriptDeclaration('jQuery(document).ready(function() {