如何更改不同屏幕尺寸的標籤事件？

Question

對於桌面，我希望它們能夠在移動設備上進行懸停操作，明顯是點擊事件。

對於桌面我有這樣的：

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

但我能做些什麼，當手機屏幕來適應時event: 'click'呢？

Answer 1

您可以通過javascript檢查屏幕寬度，以預計何時顯示移動佈局，然後根據該佈局更改事件。雖然這並沒有顯示的代碼獲得screenWidth，這種方法的一個例子可能看起來像：

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

或者，另一種選擇是有風格隱藏桌面選項卡時移動，表現出不同的已經有click事件的選項卡始終與它們綁定。

雖然，我認爲第一個解決方案會更好。