JS для таргетинга только для мобильных телефонов

-2

Я создаю отзывчивую веб-страницу с контейнером из 3 столбцов, которые расширяются одинаково. Для достижения этой цели я использую следующий код JS:JS для таргетинга только для мобильных телефонов

jQuery(document).ready(function($){ 
    var inHeight = $("#wrapper").innerHeight(); 
    $("#wrapper .col").each(function(){ 
     $(this).height((inHeight+60)+"px"); 
     $(this).find('.content').height((inHeight)+"px"); 
    }); 
});

DEMO: http://jsfiddle.net/VTV6B/2/

Теперь то, что мне нужно сделать, это изменить JS таргетинг на мобильные устройства, или, возможно, удалить его, чтобы сделать каждый столбец себя независимо.

Как отключить этот код, если пользователь находится на мобильном устройстве?

источник

2014-02-04 Tiago

возможного дубликата [Что это лучший способ для обнаружения портативного устройства в JQuery?] (Http://stackoverflow.com/questions/3514784/what-is-the -best-way-to-detect-a-handheld-device-in-jquery) – Tiago

Чтобы настроить таргетинг на мобильные устройства (или даже лучшие устройства с максимальной шириной X пикселей), вы можете использовать $(window).width().

Но актуальная проблема с вашим кодом заключается в следующем: вы пытаетесь сделать свой сайт отзывчивым с помощью JS, где вместо этого вы должны использовать запросы на CSS-запросы.

источник

2014-02-04 13:52:23 2ndkauboy

Спасибо Kau-Boy! На самом деле я использую медиа-запросы. Единственный бит, который нуждается в JS, это только те 3 столбца. Что касается вашего кода, я не совсем уверен, что с ним делать и где его разместить. Извините, что я новичок в JS: '( – Tiago

Просто используйте возвращаемое значение функции для вашей проверки для мобильного устройства: 'if ($ (window) .width() <600) {/ * сделать что-то * /} ' – 2ndkauboy

Итак, я поместил ваш код ниже $ (this) .find ('. Content'). Height ((inHeight) +" px "); Теперь мне просто нужно знать, что писать между изогнутыми скобками – Tiago

попробовать что-то вроде этого

  var isMobile = { 
    Android: function() { 
     return navigator.userAgent.match(/Android/i); 
    }, 
    BlackBerry: function() { 
     return navigator.userAgent.match(/BlackBerry/i); 
    }, 
    iOS: function() { 
     return navigator.userAgent.match(/iPhone|iPad|iPod/i); 
    }, 
    Opera: function() { 
     return navigator.userAgent.match(/Opera Mini/i); 
    }, 
    Windows: function() { 
     return navigator.userAgent.match(/IEMobile/i); 
    }, 
    any: function() { 
     return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows()); 
    } 
}; 
      if(isMobile.any()) { your code here }

источник

2014-09-12 19:52:17 CarlosO

JS для таргетинга только для мобильных телефонов

ответ

Смежные вопросы