簡體   English   中英

移動設備上按鈕的可點擊區域錯誤

[英]Wrong clickable area of a button on mobile

這是我的網站 我目前正在研究多項選擇過濾器,或者更確切地說是重置它們。 PC上沒有問題。 單擊 X 按鈕,它會清除過濾器

但是同樣簡單的事情在移動設備上卻不能這樣工作。 我不明白為什么。 您需要單擊 X 按鈕下方的區域(位於下方)以關閉過濾器。 這就是您需要單擊以使其工作的方式

另外,我剛剛意識到,當像這樣單擊時,控制台中會出現錯誤。 成功關閉后控制台報錯

我正在使用帶有移動模擬的 Inspector 測試 Opera(PC 版,上次更新)中的移動行為; 該設備無關緊要。 你也可以試試。

在 Chrome 和 Opera 中,實際的 android 也會發生相同的行為。

旁注!

  1. 如果您在任何多選字段中激活下拉搜索,雖然它是可見的,但關閉按鈕在移動設備上運行良好且精確。 (雖然這個下拉面板的行為也很奇怪。它並不像在 PC 上那樣專注於某個字段時總是下拉。)

  2. 當我嘗試使用控制台和 Jquery 找到關閉按鈕然后應用程序時,它起作用了。 所以我想問題不在於JS。

  3. 如果您想在手機上進行測試,請選擇桌面站點。 然而,在移動視圖上,另一個奇怪的事情發生了——字段右側的藍色 X 按鈕不起作用。

PS。 我已經絞盡腦汁3個小時來解開這個謎團,但沒有結果。 請幫忙!

罪魁禍首是“選擇”插件。 不要使用這個糟糕的插件。 他們根本不支持移動設備並且有大量的錯誤。

我切換到 Select2,一切都很好。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM