Почему не работает функция смены класса у контейнера?

Question

[Royorso]

Всем, привет!

Помогите, пожалуйста, разобраться, почему вот здесь не работает эта простейшая функция:

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).on("scroll",function(){
    if($(document).scrollTop()>100){
        $("header").removeClass("sticky-header").addClass("sticky-header-small");
    } else{
        $("header").removeClass("sticky-header-small").addClass("sticky-header");
    }
});
</script>

Answer 1

[Defman21]

TypeError: $ is not a function.
Попробуй обернуть функцию:

(function($) {
$(document).on("scroll",function(){
    if($(document).scrollTop()>100){
        $("header").removeClass("sticky-header").addClass("sticky-header-small");
    } else{
        $("header").removeClass("sticky-header-small").addClass("sticky-header");
    }
});
})(jQuery);

Comments

[Royorso]

Я пробовал и jQuery - не работает

[Defman21]

Royorso: ну как вариант - api.jquery.com/jquery.noconflict

[Defman21]

Royorso: и еще - используйте min-версию jQuery. Она меньше по размеру.

[Royorso]

По ссылке на api не сработало, а вот обернув, как ты показал в примере, заработало. Спасибо огромное!