0
对于桌面,我希望它们能够在移动设备上进行悬停操作,明显是点击事件。如何更改不同屏幕尺寸的标签事件?
对于桌面我有这样的:
$('#cards-tabs').tabs({
event: 'mouseover'
});
但我能做些什么,当手机屏幕来适应时event: 'click'
呢?
对于桌面,我希望它们能够在移动设备上进行悬停操作,明显是点击事件。如何更改不同屏幕尺寸的标签事件?
对于桌面我有这样的:
$('#cards-tabs').tabs({
event: 'mouseover'
});
但我能做些什么,当手机屏幕来适应时event: 'click'
呢?
您可以通过javascript检查屏幕宽度,以预计何时显示移动布局,然后根据该布局更改事件。虽然这并没有显示的代码获得screenWidth
,这种方法的一个例子可能看起来像:
$('#cards-tabs').tabs({
event: (screenWidth <= 420 ? 'click' : 'mouseover')
});
或者,另一种选择是有风格隐藏桌面选项卡时移动,表现出不同的已经有click
事件的选项卡始终与它们绑定。
虽然,我认为第一个解决方案会更好。