如何更改不同屏幕尺寸的标签事件？

Question

对于桌面，我希望它们能够在移动设备上进行悬停操作，明显是点击事件。

对于桌面我有这样的：

$('#cards-tabs').tabs({ 
    event: 'mouseover' 
}); 

但我能做些什么，当手机屏幕来适应时event: 'click'呢？

Answer 1

您可以通过javascript检查屏幕宽度，以预计何时显示移动布局，然后根据该布局更改事件。虽然这并没有显示的代码获得screenWidth，这种方法的一个例子可能看起来像：

$('#cards-tabs').tabs({ 
    event: (screenWidth <= 420 ? 'click' : 'mouseover') 
}); 

或者，另一种选择是有风格隐藏桌面选项卡时移动，表现出不同的已经有click事件的选项卡始终与它们绑定。

虽然，我认为第一个解决方案会更好。