向上滑动页脚 OnHover 和 OnClick？

Question

我希望修改这两个上滑页脚示例，以便它们在移动设备上运行。如何在移动设备上为我们添加 onClick open 和 onClick close ，并且仍然可以在桌面上使用 onHover 工作？

关闭和打开 onClick 需要在“页脚按钮”文本或稍后添加的一组两个图像（一个用于页脚按钮打开，一个用于页脚按钮关闭）上处于活动状态。

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});
});

Answer 1

您通常可以通过用户代理来确定它是在移动设备还是桌面设备上显示，并相应地独立处理。因此，请检查用户代理是什么，然后绑定您希望如何处理的事件。