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
事件的選項卡始終與它們綁定。
雖然,我認爲第一個解決方案會更好。