Я работаю над отзывчивым сайтом и имею несколько конкретных функций, которые мне нужно активировать в определенных точках при изменении размера окна: когда окно достигает определенной ширины «мобильного устройства», когда оно достигает определенной ширины «рабочего стола» и когда оно достигает любой ширины в указанном массиве чисел (мои контрольные точки CSS).
Вот урезанная скрипка, показывающая, где я нахожусь (все добавленные элементы абзаца являются заполнителями для того, где будут работать мои функции): http://jsfiddle.net/ygwug/
Как вы можете видеть, изменив размер окна, я заставил проверку мобильных и настольных компьютеров работать, но проверка точек останова не работает. Код, специально связанный с этим, выглядит следующим образом:
var breakpoints = [320, 480, 550, 650, 720, 790, 1000, 1190];
window_w = $wind.width();
var breakpointHit = function() {
$('body').append("<p>Breakpoint was hit!</p>");
}
if ( $.inArray( window_w, breakpoints ) > -1 ) {
breakpointHit();
}
Насколько я понимаю, $.inArray должен возвращать -1, если значение не существует в массиве, и индекс значения, если оно существует, поэтому я использовал «> -1», чтобы определить, существует ли значение в массиве. массив. Но поскольку я не вижу никаких синтаксических ошибок в Dev Tools, где-то в моей логике должна быть ошибка.
Если бы кто-нибудь мог помочь указать мне правильное направление, я был бы очень признателен. Спасибо!
max-width: px
, означающее, чтоmax-width
страницы равно значению в пикселях или меньше (например,<
). - person Brandon Buck   schedule 07.04.2013