2

Как выполнить инициализацию плагина (JS, jQuery кода), при экране больше 768px?

Вот так решил задачу, но этот действует только если подвигать экран браузером, а мне надо, что бы код сразу действовал, а не ресайзить экран (попробуй это объяснить пользователю =)

window.onresize = function () {
    if (window.innerHeight >= 768) {

        // Инициализация
        var $container = $('#container');
        $container.masonry({
            columnWidth: 232.5,
            itemSelector: '.item'
        });
    }
};

4 ответа 4

4

Нужно вызвать функцию сразу + повесить её выполнение на событие resize.

(checkAndRepaint)();
window.onresize = checkAndRepaint;

function checkAndRepaint() {
  var $container = $('#container');
  if (window.innerHeight >= 768) {

    // Инициализация
    $container.masonry({
      columnWidth: 232.5,
      itemSelector: '.item'
    });
  } else {
    // Удаление
    $container.masonry('destroy');
  }

};

2

Используйте стандартную функцию jquery height.

if ($(window).height() >= 768) {

    // Инициализация
    var $container = $('#container');
    $container.masonry({
        columnWidth: 232.5,
        itemSelector: '.item'
    });
}
2
window.onload = function () {
    if (window.innerHeight >= 768) {

        // Инициализация
        var $container = $('#container');
        $container.masonry({
            columnWidth: 232.5,
            itemSelector: '.item'
        });
    }
};
2
function functionName() {
    if (window.innerHeight >= 768) {
    // Инициализация
        var $container = $('#container');
        $container.masonry({
            columnWidth: 232.5,
            itemSelector: '.item'
        });
    }
};
window.onload = functionName; // выполнится при загрузке
window.onresize = functionName; // выполнится при ресайзе
4
  • Присвоенная таким образом функция выполнится два раза при загрузке страницы, а при ресайзе выполняться не будет. 16 фев 2017 в 11:04
  • 1
    @SashaOmelchenko, я починил
    – vp_arth
    16 фев 2017 в 14:51
  • Как-бы 、window.onload、 отвечает за выполнение при загрузке стоаницы... один из вариантов, но для меня работает. 22 июн 2017 в 16:00
  • "выполнится два раза при загрузке" а вы пробовали? На разные-же события обработчики повешены 22 июн 2017 в 16:02

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.