引導下拉手機奇怪的行爲

我使用引導和joomla，並得到了一個非常奇怪的問題...如果我使用「正常」導航，一切工作正常..如果我減少瀏覽器窗口的大小崩潰的菜單圖標顯示。如果我點擊它顯示菜單和下拉菜單。如果我只是點擊它而不移動任何東西，沒有任何反應......如果我移動鼠標，子項顯示...引導下拉手機奇怪的行爲

最奇怪的部分是...在手機上我可以打開摺疊菜單，但如果我點擊下拉菜單什麼也沒有發生......如果我經常觸摸到箭頭的菜單顯示出來，如果我放大非常寬...

我要瘋了！

你可以找到

http://buero.marketing-inspiration.com/mutpol_de_neu/

頁謝謝您的幫助！

來源

2015-07-21 Micha

您的模板正在加載兩個不同版本的Bootstrap js，Joomla's（2.3.2）和3.3.1。我希望這會導致一些方面的問題。

無論你走到哪裏，你都需要確保你使用的標記符合你所使用的Bootstrap版本。

就我個人而言，我會使用當前的Bootstrap並使用系統插件禁用Joomla版本。我強烈推薦這一個：

https://github.com/phproberto/plg_sys_mootable

來源

2015-07-22 07:22:55

謝謝你，我試過插件，但沒有任何更改的行爲:) – Micha

你必須啓用插件，然後添加路徑到你想要刪除的腳本，例如/media/jui/js/bootstrap.min.js，在插件設置中。 –

您可以嘗試在CSS代碼來具體解決方案禁用解決這個問題，啓用或添加不同的CSS CONFIGS這樣的：

@media (max-width: 767px) { 
    .uk-dropdown-grid > [class*='uk-width-'] { 
    width: 100%; 
    } 
    .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) { 
    margin-top: 30px; 
    } 
}

來源

2015-07-22 17:07:39 Max

嘿...謝謝你的建議...我知道我可以用這個改變不同分辨率的行爲。但這並不能解決我的問題......它並不取決於解決方案。如果我在我的PC上「模擬」firefox中的小分辨率，下拉菜單將顯示出來......如果我在我的智能手機上試用它（android/chrome），則什麼都不會發生...... – Micha

引導下拉手機奇怪的行爲

回答

相關問題