it-swarm-eu.dev

Script Jquery esterno non funzionante

Script Jquery esterno non funzionante nel modello Joomla. Di seguito ho incollato lo script per riferimento. Qualsiasi aiuto è molto apprezzato

function ShowLayer() {
        var layer = $(this).attr("layer-id");
        if (!$("#" + layer).is(":visible")) {
            var zindex = $("#" + layer).css("z-index");
            $("#" + layer).removeClass("zIndex");
            $("#" + layer).css("z-index", zindex + 1);
            //$("#" + layer).slideIn();
            SlideIn($("#" + layer));
        }
    }
    function SlideIn(current) {
        var scope = $('.outer');
        current.css("left", $(scope).width());
        current.show();
        current.animate({ left: 0 }, 700, "linear", function () {               
        });
    }
    function SlideOut(current) {
        var scope = $('.outer');
        current.animate({ left: $(scope).width() }, 700, "linear", function () {
            current.css("z-index", "")
            current.addClass("zIndex");  
            current.hide();
        });
    }
    function CloseLayer() {
        var layer = $(this).attr("layer-id");               
        SlideOut($("#" + layer));
    }
    $(document).ready(function () {
        $('.show-layer').click(ShowLayer);
        $('.close-layer').click(CloseLayer);
        $('.scrollerview').css("opacity", "0");
        $(window).scroll(function () {
            $('.scrollerview').each(function (i) {
                var factor = -250;
                if ($(this).hasClass("PckHdOtr")) {
                    factor = 250;
                }
                var bottom_of_object = $(this).offset().top + $(this).outerHeight();
                var bottom_of_window = $(window).scrollTop() + $(window).height() - factor;
                if (bottom_of_window > bottom_of_object) {
                    $(this).animate({ 'opacity': '1' }, 900);
                    if ($(this).hasClass("PckHdOtr")) {
                        $('.outer').animate({ 'opacity': '1' }, 900);
                    }
                }
            });

        });
    });
3
webanup

Probabilmente stai riscontrando problemi di conflitto, poiché sia ​​jQuery che la libreria mootools usano il carattere '$' come scorciatoia.

Esistono diversi modi per affrontare questo problema. Devi scoprire quale metodo funziona meglio per te. Non tutti questi possono applicarsi al modello.

A) Sostituisci tutti i caratteri "$" con "jQuery" poiché $ è una scorciatoia per jQuery

B) Aggiungi questa riga subito prima del tuo codice

var $ = jQuery.noConflict();

Dopodiché puoi usare $ nel tuo script

C) Avvolgi l'intero codice nella funzione wrapper jQuery e usa $ come ambito, come

jQuery(document).ready(function ($) {
    // All of your code, including your functions
});

o la sintassi più concisa per il codice sopra:

jQuery(function($) {
    // Your code
});

Devi anche assicurarti di aggiungere questo codice dopo includere la libreria jQuery.

Puoi leggere di più sui conflitti con altre biblioteche qui: http://learn.jquery.com/using-jquery-core/avoid-conflicts-other-libraries/

6
fruppel