單擊菜單項後，引導菜單消失

當瀏覽器窗口縮小爲移動大小時，引導菜單在單擊菜單項後消失並且僅在瀏覽器窗口展開或縮小後纔會重新出現。單擊菜單項後，引導菜單消失

當檢查在Chrome瀏覽器中的元素，我注意到，當菜單是不可見的，當菜單可見出現以下HTML消失。

<div class="fake-bg" style="height: 928px;"></div> 
<div class="nav-collapse collapse"> 
    <ul class="nav clearfix btn-gpup" style=""> 
    <div class="shadow"></div> 
</div>

我也在想，有可能是模板和/或插件之間的一些衝突，但有這麼多的插件，我不知道去有關解決最簡單的方法。

如果有人可以弄清楚這個或給我指示，謝謝！

來源

2015-10-08 R Cabardo

當你點擊一個菜單項時，'nav-collapse'元素被完全刪除，可能是你javascript中的東西。 – APAD1

另外，你正在加載大量的Javascript，包括2個不同版本的jQuery，可能想要清理它。 – APAD1

in http://bento.cdn.pbs.org/hostedbento-prod/filer_public/_bento_media/passport/js/menu.js有一個函數叫fitNavigation（）（第66行）。它似乎需要添加該移動菜單。它在文檔準備好時被調用，但僅用於非移動設備 - 檢查行318-326。它也調用調整大小（行349）。這就是爲什麼當你調整大小以查看它時。如果您在移動模式下刷新瀏覽器，您將永遠不會看到該菜單的初始狀態，只有在稍微調整大小或者在桌面模式下加載頁面並調整到移動設備後纔會看到該菜單。希望有所幫助！

來源

2015-10-08 17:08:59 Hristo

謝謝你的迴應。我明白你指的是什麼，但我該如何解決？調用fitNavigation（）如果移動且不移動？ –

在我看來，你應該把它叫做手機。但是，如果不知道這個js的一般概念，我不能100％說出。你應該更清楚它應該如何工作。試着把它從文檔準備好（row318）的檢查中拿出來，並在它之後調用它。 – Hristo

另一種選擇是在模板中使用標記，而不是從javascript中附加標記。 – Hristo

單擊菜單項後，引導菜單消失

回答

相關問題