2015-03-20 8 views
0

Я ищу, чтобы изменить эти два примера нижнего колонтитула, чтобы они работали на мобильных устройствах. Как добавить onClick open и onClick рядом с ними для нас на мобильных устройствах и все еще работать onHover для использования на рабочем столе?Сдвиньте нижний колонтитул OnHover и OnClick?

Закрыть и открыть onClick необходимо будет активировать текст «Нижний колонтитул» или набор из двух изображений (1 для кнопки нижнего колонтитула и 1 для закрытия нижнего колонтитула), которые будут добавлены позже.

http://jsfiddle.net/aQmHB

$(".footer").hover(function() { 
$(".slide").slideToggle("fast"); 
}); 

http://jsfiddle.net/a88m6

$(".footer").hover(function() { 
$(this).animate({height: 250}); 
}, function(){ 
$(this).animate({height: 25}); 
}); 

ответ

0

Вы можете обычно пользовательским агентом, чтобы определить, если он в настоящее время рассматривается на мобильный или рабочий стол, и обрабатывать независимо друг от друга, соответственно. Поэтому проверьте, что такое пользовательский агент, а затем привяжите события, как вы хотите, чтобы их обрабатывали.

+0

На самом деле, я думаю, что было бы хорошо, если бы щелчок и зависание были активными на рабочем столе и на мобильных устройствах. Наведение только не будет работать на мобильных устройствах, но это нормально, если обе работают на рабочем столе. Если у кого есть примеры кода, дайте мне знать. Я очень новичок в jquery, – user2068641

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

  • Нет связанных вопросов^_^