[Risolto] Problema di non funzionamento di uno script con jQuery.noConflict();

[darkwolf]

Come da oggetto... Stavo inviando un plugin completato ieri a wordpress, ma mi hanno chiesto di usare le jquery di qordpress interne anziché quelle di google o jquery.com.
Il problema è che le jquery interne hanno questa linea alla fine:

jQuery.noConflict(); 

e questa mi causa il non funzionamento del seguente codice:

$(document).ready(function(){
    $(window).scroll(function(){
        if ($(this).scrollTop() > 100) {
            $('.scrollup').fadeIn();
        } else {
            $('.scrollup').fadeOut();
        }
    });
    $('.scrollup').click(function(){
        $("html, body").animate({ scrollTop: 0 }, 600);
        return false;
    });
}); 

-
Come far coesistere le due cose senza chiedere a tutti gli eventuali utilizzatori del plugin di editare il file originale?

[alemoppo]

Prova a sostituire $ con "jQuery": primo esempio.

Ciao!

[darkwolf]

Stavo proprio leggendo (adesso, meglio tardi che mai) qui: http://codex.wordpress.org/Function_...flict_wrappers :)

jQuery(document).ready(function(){
    jQuery(window).scroll(function(){
        if (jQuery(this).scrollTop() > 100) {
            jQuery('.scrollup').fadeIn();
        } else {
            jQuery('.scrollup').fadeOut();
        }
    });
    $('.scrollup').click(function(){
        jQuery("html, body").animate({ scrollTop: 0 }, 600);
        return false;
    });
}); 

[alemoppo]

Occhio al selettore della classe scrollup che ha ancora il dollaro

Ciao!

[darkwolf]

Ah, grazie (anche se così funzionava già)
-
PS: lì dice di mettere il dillaro dentro function:

jQuery(document).ready(function($) {

... te che dici?

[alemoppo]

Se fai in quel modo, puoi utilizzare il dollaro come prima... È comunque corretto...

Ciao!

[darkwolf]

Come prima (all'inizio) non funzionava proprio... comunque così va bene, grazie

[alemoppo]

jQuery(document).ready(function($){
    $(window).scroll(function(){
        if ($(this).scrollTop() > 100) {
            $('.scrollup').fadeIn();
        } else {
            $('.scrollup').fadeOut();
        }
    });
    $('.scrollup').click(function(){
        $("html, body").animate({ scrollTop: 0 }, 600);
        return false;
    });
}); 

Non andava così?

Ciao!

[darkwolf]

Si, funziona... Quale mi consigli (suppongo quest'ultimo, giusto)? :)
- Giusto per capire, che differenza fa tra i due?

[alemoppo]

È uguale: in quest'ultimo puoi usare $ perché viene passato tramite parametro. Nell'altro (con "jQuery") utilizzi la dichiarazione esterna: quella di jQuery.noConflict();

Scegli quella che ti piace di più :P

Ciao!

[darkwolf]

Scelgo questo, più leggero :D