GreenMan1899

Решено! JQuery обработчики, такие как hover(), click(), bind(), on() и т.д. обрабатывают элементы только при загрузке.
Чтобы они реагировали на подгруженный ajax'ом контент, есть несколько решений:

1. Загрузить ajax'ом скрипт заново(не лучший вариант). Но работает.
2. Использовать обработчик live(). Но с версии >= JQuery 1.9 его убрали и перенесли в обработчик on(), в котором объединили и bind(), и delegate().
3. На мой взгляд, самый лучший. Для тега установить атрибут onClick, установить ему значение функции, например:
   а в скрипте переделать обработчики в функцию.
   Вместо:
   

   $("div").click(function(){
   //что-то делает
   });
   
   //переделать на:
   function function_name(){
   //что-то делает
   }

   
   Т.е. у тэга div при нажатии атрибут onClick вызывает эту функции. И тут без разницы, подгружен контент ajax'ом или нет.
   Если хотите в функции использовать значение $(this), то задайте в атрибуте у функции onClick="function_name(this);", а в скрипте в функции задайте событие для этого значения
   

   function function_name(i){
   $(i).вешаем обработчики
   //$(i) это тоже, что и $(this) у обработчика $("div").click()
   }

   
   

Надеюсь, кому-то будет полезно :)

У вас очень тяжелый файл www.annalev.ru/static/bundle/js/bundle.min.js, в котором лежит функция скроллинга, пока он не загрузиться на клиенте полностью, скроллинг не будет работать.
Решить проблему можно несколькими путями:
1) Все легковесные функции, которые не зависят от библиотек поместить в отдельный файл, который будет подключаться выше списком, чем тяжеловесные js.
2) Написать код легковестных функций прямо в документе (или в общем шаблоне страниц, где описывается head или footer, в случае если у вас CMS);
3) Написать обработчик скроллинга непосредственно в атрибуте onclick.
PS: Дополнительно, посмотреть, какой функционал можно "выбросить" в подключенных библиотеках.
Например, на JQuery можно опционально отключать некоторые возможности и скачивать js-файл значительно меньших размеров, чем в полной комплектации.

Самый лучший способ, это css. Поскольку большинство скроллбаров на javascript подменяют нативный интерфейс скрола, из-за чего, например, перестают работать клавиши (приходится эмулировать на js), и перестает работать плавная прокрутка при нажатии средней кнопки мыши.

Статьи на тему кастомизации скроллбара на css:
css-tricks.com/snippets/sass/custom-scrollbars-mixin
codemug.com/html/custom-scrollbars-using-css
Нужно учитывать, что в данный момент нет способа для ФФ

Для большей кроссбраузерности, и чтобы получить больше свободы в кастомизации, я написал собственный плагин на jquery: jquery.custom-scroll
Отличительная особенность от других плагинов — он не убирает нативный скролл полностью, а прячет, благодаря чему нет проблем описанных выше.
Есть похожее решение на js - baron.js - он не требует jquery, но весит вчетверо больше.

У jQRangeSlider есть необходимый вам функционал, но плашки там реализованы в виде флагов. Как вариант воздействовать непосредственно на их css классы, или ковырять скрипт и присваивать свои стили.

Вам уже советовали вчера заменить

<meta name="viewport" content="width=device-width, initial-scale=1">

на

<meta name="viewport" content="width=1024, initial-scale=1">

или напишите любое число, которое вам нужно вместо 1024