Добрый день, можете ответить почему не работает данный скрипт на мобильных устройствах? Точнее при нажатии на ссылку с классом poplight2 происходит только затемнение фона, а окно, которое должно появляться - появляется, но невидимо! Это я понял потому что у меня это менюшка и прокрутка работает, но самого меню не видно.
| Javascript |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
| $(document).ready(function(){
//При нажатии на ссылку с классом poplight и href атрибута тега <a> с #
$('a.poplight2[href^=#]').click(function() {
var popID = $(this).attr('rel'); //получаем имя окна, важно не забывать при добавлении новых менять имя в атрибуте rel ссылки
var popURL = $(this).attr('href'); //получаем размер из href атрибута ссылки
//запрос и переменные из href url
var query= popURL.split('?');
var dim= query[1].split('&');
var popWidth = dim[0].split('=')[1]; //первое значение строки запроса
//fade2 in the Popup and add close button
$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" title="Close" class="close2"></a>');
//Определяем маржу(запас) для выравнивания по центру (по вертикали и горизонтали) - мы добавляем 80 к высоте / ширине с учетом отступов + ширина рамки определённые в css
var popMargTop = ($('#' + popID).height() + 80) / 2;
var popMargLeft = ($('#' + popID).width() + 80) / 2;
//Устанавливаем величину отступа
$('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
//Добавляем полупрозрачный фон затемнения
$('#Html28').append('<div id="fade2"></div>'); //div контейнер будет прописан перед тегом </body>.
$('#fade2').css({'filter' : 'alpha(opacity=60)'}).fadeIn(); //полупрозрачность слоя, фильтр для тупого IE
return false;
});
//Закрываем окно и фон затемнения
$(document).on('click', 'a.close2, #fade2', function() { //закрытие по клику вне окна, т.е. по фону...
$('#fade2 , .popup_block2').fadeOut(function() {
$('#fade2, a.close2').remove(); //плавно исчезают
});
return false;
});
}); |
|
(
