Bootstrap + Flexslider:在隐藏元素中加载Flexslider会导致jQuery无响应

时间:2013-02-21 17:32:59

标签: ruby-on-rails-3 twitter-bootstrap

我有一个登录页面,当宽度超过767px时加载就好了,并将浏览器崩溃到该宽度以下。它只会在加载到该宽度以下时崩溃,我可以加载桌面宽度,然后缩小尺寸。

我有一个.visible-desktop的div包含桌面登录和多余的内容,而另一个包含.hidden-desktop的div只包含移动登录。多余的东西中的图像目前是404'。我会解决它但确定不应该崩溃浏览器。

在服务器控制台中,加载404资产之前的资产,不会发生任何其他情况。在浏览器中,页面无响应并崩溃。 Chrome刚崩溃,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 );

1 个答案:

答案 0 :(得分:0)

这是Woothemes flexslider的一个问题。 jQuery无法删除bootstrap隐藏的项目。如果以隐藏flexslider的宽度加载页面,jquery会有一个无限循环,导致浏览器挂起并崩溃。

我找到了修复程序here。只需使用minItems: 1初始化flexslider。哪个应该是默认值!