2017-08-29 85 views
0

我使用WordPress建立這個網站:www.heartofglass.gg 我安裝了我的店TWI旋轉木馬插件,但是這是造成與移動菜單中的衝突。當我刪除插件的菜單工作正常,但我想能夠使用插件。移動菜單迅速崩潰


更新:我覺得有可能是2個問題在這裏: 1.菜單在某些瀏覽器(Chrome,IE)立即崩潰 2.菜單項需要從iOS設備的「雙抽頭」(一個水龍頭摺疊菜單,雙擊正確鏈接)。


問題是,當在某些設備(主要是ios)中打開時,移動菜單會立即打開,然後立即崩潰。從筆記本電腦的小窗口中查看時也是如此(在Windows和Mac上使用Chrome和IE進行測試)在筆記本電腦上,僅當鼠標按下一秒鐘時,菜單纔會保持打開狀態。菜單將在按鈕釋放時打開並保持打開狀態。

注意:它在Macbook上的Safari上正常工作,但在我的iPhone 5c上,菜單打開但鏈接只能雙擊。

在Chrome的開發者控制檯,當我點擊菜單中我得到以下錯誤的:

遺漏的類型錯誤:未定義 在frameworks.min.js無法讀取屬性「觸發」版本= 4.8 .1:9

另外:它可能是與'懸停'功能?我讀過「雙擊」問題在iOS設備上很常見。

此外:在Chrome開發人員窗口中;如果我刪除了指向性的frameworks.min.js事件偵聽器,並且觸摸菜單保持打開狀態(只在桌面上嘗試過)......我不知道這是否有任何相關性。

我很感激任何幫助解決這個問題,因爲我已經使用插件設置我的店面,並且喜歡它的功能,但顯然,我需要菜單才能跨設備工作。

在此先感謝

17年8月31日:還是這個無解,任何幫助讚賞

+1

它適用於我,使用Firefox中的響應模式。另外,你的帖子不是很清楚。嘗試解釋與實際發生的事情相比你期望發生的事情,並詳細說明你所做的任何嘗試和解決方法。另外,如果您有其他信息,則認爲它是更好的練習來更新您的問題,而不是在評論中添加信息。 –

+0

謝謝Phill我會編輯更清晰。 – user1126789

+0

謝謝你的幫助。我已經添加了更多信息,所以希望這會讓我遇到的問題更加清晰。 – user1126789

回答

0

它正在迅速崩潰的原因是因爲事件的傳播,試圖找到菜單切換的事件監聽器在插件代碼,並把event.stopPropagation();確保參數event存在

更新:

這段代碼在你modules.min.js這裏找到GH這是一個縮小的版本,是造成你麻煩

b.on("tap click", function(a) { 
    a.stopPropagation(), 
    a.preventDefault(), 
    c.is(":visible") ? c.slideUp(e) : c.slideDown(e) 
}) 

的原因是因爲你做的2個事件一個事件監聽器,它在做點擊which will make your menu show then hide當兩個執行,以防止這種情況只使用1個事件是click (click also works on mobile)OR在用戶使用移動設備時使用tap事件,在非移動設備上使用clickdetecting a mobile browser

+0

感謝您的幫助...這對我來說是新的,你能夠更詳細地解釋一下嗎? – user1126789

+0

我更新了我的答案的解釋,雖然我發現它與傳播 – masterpreenz

+0

謝謝@masterpreenz ...我試過這個,它沒有工作,但我有更多的信息,所以已添加額外的細節問題。 – user1126789