我有data-hover="dropdown"的下拉菜單。我已經從一些用戶那裏獲得了下拉菜單不會顯示給他們的報告。最合作的用戶說，它發生在Chrome 55.0.2883.87m（在Windows 10 14393.576上），並且在其他瀏覽器上不會發生。我有完全相同的Chrome和Windows，菜單顯示正常。某些Chrome用戶無法打開數據懸停菜單

我的網站：tipulnagish.co.il - 下拉菜單從主菜單打開。

該網站使用引導V3.2.0，菜單基本上是：

<ul id="menu-main" class="nav navbar-nav"> 
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children dropdown"> 
    <a href="#" class="dropdown-toggle" data-hover="dropdown" data-delay="500" data-close-others="false"><span>חיפוש מטפל/ת לפי מקצוע</span></a> 
    <ul class="dropdown-menu"> 
     <li class="menu-item menu-item-type-custom menu-item-object-custom"><a href="/listing-category/פסיכולוגי"><span>טיפול פסיכולוגי/פסיכותרפיה</span></a></li> 
(etc.)

可能是什麼原因？
我可能能夠將TeamViewer訪問權限授予用戶的機器。我應該檢查什麼？

更新：

也恰好我的筆記本電腦，其中有一個觸摸屏，這似乎有關。
This demo具有相同的問題。分辨率爲Chromium issue 409383表示這是因爲該網站根據navigator.maxTouchPoints進行了特殊處理 - 儘管我在整個網站中尚未找到任何此類參考文獻。

來源

2017-01-20 Jonathan

從我以前的工作中獲得的個人經驗來看，最常見的情況是在瀏覽器，應用程序或擴展插件中卡住了瀏覽器緩存。嘗試清除/禁用這些，然後嘗試它是否在Chrome Canary中運行，然後開始查看代碼，因爲問題只能在Chrome 55和Windows 10上重現。編輯：順便說一句，與客戶相同的配置，一切正常爲了我。 –

另外，他們正在使用什麼設備，它是一個觸摸設備/筆記本電腦？也許這可能會給你一些想法。 –

我的桌面沒有觸摸式的混亂，不知道他的。我把擴展列表與我的比較 - 沒有什麼不尋常的。我不知道這個報告是否完全在Chrome55上 - 這只是我的報告。我會請求嘗試清除緩存。 – Jonathan

原來data-hover="dropdown"觸發插件bootstrap-hover-dropdown，其包括代碼，禁用觸摸使能設備懸停：

$.fn.dropdownHover = function (options) { 
    // don't do anything if touch is supported 
    // (plugin causes some issues on mobile) 
    if ('ontouchstart' in document) return this; // don't want to affect chaining

The plugin's issue #68討論此在長度，而沒有任何良好的分辨率。作爲解決方法，我將data-toggle="dropdown"添加到我的標記中，因此觸摸用戶可以通過點擊/觸摸打開菜單。這有一些怪癖，但對非觸摸用戶看到的懸停行爲非常合適。

我怎麼發現這個

使用Visual Event Chrome extension，我看到菜單欄，勢必事件mouseover/mouseout，其中受影響（觸摸）機器沒有。這些事件的登記號碼爲bootstrap-hover-dropdown.js，在此之前，上述代碼禁用了觸摸設備上的懸停功能。

來源

2017-01-23 13:12:18 Jonathan

某些Chrome用戶無法打開數據懸停菜單

回答

我怎麼發現這個

相關問題