Как называется вот такой адаптив без медиазапросов: http://prntscr.com/e9ht9t ?
В тег html добавляется туева хуча классов (desktop, laptop, tablet, mobile, landscape, portrait), и чтобы смотреть как сайт выглядит нужно вечно обновлять сайт в режиме эмуляции под каждое устройство. Чем эта штука лучше медиазапросов?
Перемещено tailgunner из general
Нужно сэмулировать нажатие на #two когда тыкаем по #one. Вот так работает:
$("#two").trigger('click');$('#one').click(function(){
$("#two").trigger('click');
});Если функция завязана на элементе #one, то отсчёт идёт от этого элемента или по всему документу? Может какой-нибудь $(document).find(нужныйЭлемент) поможет?
Этот код работает отлично, delight, sib и blitz это id от айфреймов с видео, записываются в свою переменную и в следующей функции при клике на определённый элемент ставятся на паузу.
function onYouTubePlayerAPIReady() {
play = new YT.Player('delight', {
events: {'onReady': onPlayerReady}
});
play2 = new YT.Player('sib', {
events: {'onReady': onPlayerReady}
});
play3 = new YT.Player('blitz', {
events: {'onReady': onPlayerReady}
});
}
function onPlayerReady(event) {
document.getElementById('bx-pager').onclick = function(){
play.pauseVideo();
play2.pauseVideo();
play3.pauseVideo();
};
$(".bx-controls-direction a").on("click", function(){
play.pauseVideo();
play2.pauseVideo();
play3.pauseVideo();
});
}Но видео может оказаться не три, а больше. Хорошо было бы автоматом эту конструкцию делать. В следующем коде до алерта всё здорово, он вроде как выводит массив (или объект?) [«delight», «sib», «blitz»], а что дальше делать и как применить я не могу понять.
var iframe_id = [];
$("iframe").each(function (i){
iframe_id[i] = $("iframe")[i].id;
});
alert(iframe_id);
function onYouTubePlayerAPIReady() {
play = new YT.Player(iframe_id[i], {
events: {'onReady': onPlayerReady}
});
}
function onPlayerReady(event) {
document.getElementById('bx-pager').onclick = function(){
play.pauseVideo();
};
$(".bx-controls-direction a").on("click", function(){
play.pauseVideo();
});
}$("iframe").each(function (i){
iframe_id = [];
iframe_id[i] = $("iframe")[i].id;
});
alert(iframe_id);Да, алерты там просто для меня.