Скрипт работает только на главной странице

Question

У меня есть проблема с добавлением класса после свитка, и это действительно странно для меня, и вот почему:

Я использовал этот скрипт на нескольких проектах, и никогда не имел эту проблему раньше. Когда я просматриваю домашнюю страницу, сценарий работает эффективно, класс «Исправлено» добавляется в класс «navigacija», а социальные значки, меню и языки фиксируются в верхней части страницы. Но на других страницах это не так. Класс «Fix» не добавляется в класс «navigacija» после прокрутки на 145 пикселей вниз. И что более интересно, я вставляю очень большое изображение специально в this page, и пока страница загружает это изображение, мой скрипт работает (попробуйте прокрутить вниз до загрузки изображения). Когда страница полностью загружена, сценарий больше не работает. Я работаю в Joomla, я создал свой собственный шаблон, я не устанавливал никаких модулей, компонентов или плагинов. Есть только стандартные js-файлы Joomla и мои сценарии, которые я использовал ранее с этим скриптом без каких-либо проблем.

Вот сайт, я работаю над: http://investfarm.moderanweb.rs/

и вот скрипт:

$(function() { 
    var navigacija = $(".navigacija"); 
    $(window).scroll(function() {  
     var scroll = $(window).scrollTop(); 

     if (scroll >= 145) { 
      navigacija.removeClass('navigacija').addClass("Fix"); 
     } else { 
      navigacija.removeClass("Fix").addClass('navigacija'); 
     } 
    }); 
}); 

Пожалуйста, помогите, спасибо заранее.

Answer 1

Для начала запустите ошибки, отображаемые в консоли.

У вас есть несколько тегов скриптов, которые указывают на HTML-страницу не на сценарий.

<script type="text/javascript" src="/templates/investfarmimpexmd/js/jquery-2.1.1.js"></script> 
<script type="text/javascript" src="/templates/investfarmimpexmd/js/wow.min.js"></script> 
<script src="/js/wow.min.js"></script> 

Я не знаю, что вы ожидали от загрузки, но это не загрузка скрипта и вызывает ошибки.

Возможно, они отмечены как type="text/template", чтобы браузер не пытался их выполнить, и вы можете использовать их в качестве шаблонов?

---

И у вас есть ошибку на этой линии инлайн Javascript, который указывает, что Jquery не загружается должным образом, вы должны выяснить, почему это:

jQuery(window).on('load', function() { 
    new JCaption('img.caption'); 
}); 

---

И, вы загружаете несколько разных версий jQuery на одной странице, но не управляете тем, как используются эти разные версии. Вы не можете просто загрузить версию jQuery, выпустить jQuery.noConflict() и загрузить другую версию jQuery. Первое не будет делать ничего в этом пункте, поэтому, если вам это нужно, он не будет работать.

Answer 2

Попробуйте изменить $ к jQuery если вы используете jQueryNoConflict, и почему она работает на домашней странице, я думаю, потому что библиотека Jquery загружается в два раза, до и после того, как библиотеки MooTools, поэтому попробуйте это вместо этого, и вы должны сделать то же самое для ToolTip и других материалов:

jQuery(function() { 
    var navigacija = $(".navigacija"); 
    jQuery(window).scroll(function() {  
     var scroll = jQuery(window).scrollTop(); 

     if (scroll >= 145) { 
      navigacija.removeClass('navigacija').addClass("Fix"); 
     } else { 
      navigacija.removeClass("Fix").addClass('navigacija'); 
     } 
    }); 
});