Bootstrap + Flexslider：在隱藏的元素中加載Flexslider會導致jQuery無響應

我有一個登錄頁面，當頁面寬度超過767px時會加載正常，並將瀏覽器崩潰到低於該寬度。它只在加載低於這個寬度時崩潰，我可以在桌面寬度加載，然後縮小尺寸就好了。Bootstrap + Flexslider：在隱藏的元素中加載Flexslider會導致jQuery無響應

我有一個div與.visible-desktop，其中包含桌面登錄和多餘的東西，另一個.hidden-desktop只包含移動登錄。多餘的東西中的圖像目前是404'。我會修復它，但它肯定不應該崩潰瀏覽器。

在服務器控制檯中，404資產之前的資產加載並且沒有其他事情發生。在瀏覽器中，頁面無響應並崩潰。 Chrome現在crashs和FF說

A script on this page may be busy, or it may have stopped responding. You can stop the script now, or you can continue to see if the script will complete. 

Script: http://ccdev:3333/assets/jquery.js?body=1:6265

更新： 使用Firebug將在jQuery的v1.8.2的線6348斷點，單步，似乎它卡住了增加一些所謂的elems。有一步，價值將會像"<li><a>177085</a></li>"，接下來它將是"<li><a>177086</a></li>"，它永遠不會離開那條線。有問題的線是

div.parentNode.removeChild(div);

來源

2013-02-21 Archonic

我還沒有在最小的用例中再現錯誤http://jsfiddle.net/archonic/qWLGn/5/ – Archonic 2013-02-21 17:46:01

我已經縮小到bootstrap和flexslider之間的衝突。如果flexslider元素不是DOM的一部分，它不會初始化。然後，當引導程序試圖刪除flexslider的父元素時，會有一個無限循環嘗試刪除flexslider導航鏈接。 – Archonic 2013-02-21 19:37:43

發現死鏈圖與它無關。 – Archonic 2013-02-21 20:15:05

這原來是Woothemes flexslider的問題。 jQuery無法刪除由bootstrap隱藏的項目。如果以隱藏flexslider的寬度加載頁面，jquery會有一個無限循環，這會導致瀏覽器掛起並崩潰。我發現修復here。只需用minItems: 1初始化flexslider即可。這應該是默認的！

來源

2013-02-21 20:10:31 Archonic

Bootstrap + Flexslider：在隱藏的元素中加載Flexslider會導致jQuery無響應

回答

相關問題