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

Question

对于桌面我希望他们在移动设备上进行操作，显然是在点击事件上。

对于桌面我有这个：

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

但是，当手机屏幕出现时，我该怎样做才能调整事件event: 'click'？

Answer 1

您可以让javascript检查屏幕宽度，以确定何时显示移动布局，并根据该更改事件。虽然这不显示获取screenWidth的代码，但此方法的示例可能如下所示：

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

或者，另一种选择是让样式在移动设备上隐藏桌面选项卡，并显示已经click事件始终绑定到它们的不同选项卡。

尽管如此，我认为第一种解决方案会更好。