JQUERY - Обновление страницы при ширине окна 1439px

Question

Я пытаюсь обновить страницу, когда ширина окна пересекает между 1439px. Я знаю, что это не очень хорошая практика, но мне нужно активировать плагин, когда экран становится меньше 1439 пикселей. Я осмотрелся и получил несколько экземпляров для работы, однако обновление просто контуров бесконечно.

Кто-нибудь знает, как заставить страницу обновить ровно 1439px и запустить только один раз?

Спасибо!

Answer 1

Возможно, лучший выбор - добавить один параметр к URL-адресу, чтобы не перезагрузить плагин. Что-то вроде этого:

function getURLParameter(name) { 
    return decodeURI(
     (RegExp(name + '=' + '(.+?)(&|$)').exec(location.search)||[,null])[1] 
    ); 
} 

if($(window).width() === 1439 && !getURLParameter(noReload)) 
     window.location.href = window.location.href + "?noReload=1&loadPlugin=1"; 

После этого, вам нужно проверить, существует ли Пары LoadPlugin и загрузить плагин

Answer 2

Вам не нужно обновлять страницу на всех.

$(window).load(function(){ 
    var scrollPaneDone = false, 
     testScrollPane = function(){ 
      if(scrollPaneDone || $(window).width() > 1439) return; 
      $('#someElement').jScrollPane(); 
      scrollPaneDone = true; 
     }; 
    $(window).bind('resize', testScrollPane); 
    testScrollPane(); 
}); 

Объяснение:

Во-первых, мы определяем переменную scrollPaneDone, которая будет хранить ли или нет, мы уже инициализирован плагин JScrollPane. (Поэтому мы не инициализируем его дважды)

Затем мы определяем функцию, которая проверяет, была ли мы уже инициализирована прокрутка или если ширина окна больше 1439, функция вернется и ничего не сделает. В противном случае мы инициализируем плагин jScrollPane и устанавливаем нашу переменную scrollPaneDone в true.

Затем мы привязываем эту функцию к событию изменения размера окна. А затем вызовите функцию один раз, на всякий случай, если окно уже меньше 1439px, оно активирует плагин jScrollPane при загрузке страницы.