如何在不同的屏幕尺寸上更改標簽事件？

Question

對於桌面設備，我希望他們在移動設備上（尤其是在點擊事件上）進行懸停操作。

對於桌面我有：

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

但是我該怎么做以適應事件event: 'click'當移動屏幕出現時，以event: 'click'代替？

Answer 1

您可以讓javascript檢查預期何時顯示移動版式的屏幕寬度，然后根據該屏幕寬度更改事件。 盡管這沒有顯示獲取screenWidth的代碼， screenWidth這種方法的示例可能類似於：

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

或者，另一種選擇是讓樣式在移動設備上時隱藏桌面選項卡，並顯示已經始終具有click事件綁定到它們的不同選項卡。

不過，我認為第一個解決方案會更好。