Joomla.it Forum

Non solo Joomla... => Sviluppo => : baldo 04 Jun 2013, 11:35:04

: qual'è il modo corretto per includere jquery in joomla2.5?
: baldo 04 Jun 2013, 11:35:04

ciao a tutti

come da titolo, qual'è il modo corretto per includere jquery  in joomla2.5?

innanzitutto quali sono le possibilità a disposizione ?

le uniche che conosco sono:

• $document->addScript();
• <script> getScript('//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js',function() {
• includere dal master templatedella pagina

attualmente sto utilizzando questo script all'inizio del template di una vista
\components\com_<nomecomponente>\views\<nomevista>\tmpl\default.php
$document = &JFactory::getDocument();
$document->addScript(JUri::root(true)  . '/media/system/js/jquery/jquery-1.10.0.min.js' );
$document->addCustomTag( '<script type="text/javascript">jQuery.noConflict();</script>' );

il problema è che questo metodo è sconsigliato dalla documentazione ufficiale (perchè?)
http://docs.joomla.org/Adding_JavaScript_and_CSS_to_the_page (http://docs.joomla.org/Adding_JavaScript_and_CSS_to_the_page)

$document->addScript($url);

Note this will **NOT** include Mootools or jQuery.

in effetti nella pagina in cui includo jquery ho creato una select dinamica e ogni tanto non funziona, si deve ricaricare pagina, ma non sono sicuro che la causa sia il metodo di inclusione di jquery, devo indagare,
ma se questo modo è sconsigliato qual'è il metodo consigliato?



in un componente ho trovato questo script sempre nel tempate della vista
\components\com_<nomecomponente>\views\<nomevista>\tmpl\default.php

:

<script type="text/javascript">
    function getScript(url,success) {
        var script = document.createElement('script');
        script.src = url;
        var head = document.getElementsByTagName('head')[0],
        done = false;
        // Attach handlers for all browsers
        script.onload = script.onreadystatechange = function() {
            if (!done && (!this.readyState
                || this.readyState == 'loaded'
                || this.readyState == 'complete')) {
                done = true;
                success();
                script.onload = script.onreadystatechange = null;
                head.removeChild(script);
            }
        };
        head.appendChild(script);
    }
    getScript('//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js',function() {
        js = jQuery.noConflict();
        js(document).ready(function(){
            js('#form-prevrichiesta').submit(function(event){
                 
            });
       
           
        });
    });
   
</script>