我正在Joomla(不幸的是)为客户建立一个网站。我已经安装了一个使用Bootstrap作为基础的模板,并与Joomla进行了一些集成,称为H5BPTB。我遇到的问题是,当我在小屏幕上访问主页并切换响应式导航栏时,它工作正常,但登录后,导航栏将打开一次,然后关闭,但之后不再响应,除非我刷新页面。
我在stackoverflow上的其他地方读了一些引用,这是Bootstrap CSS中.collapse
类中缺少CSS转换的问题。我查了一下,他们没有失踪。我还读了另一个答案,表明在Bootstrap JS中有一些其他Javascript覆盖support.transition
的问题。我也找不到任何其他JS文件中的引用。还有什么可以吗?
另外我应该补充一点,导航栏在IE中运行得非常好,但在Firefox或Chrome中不行。
答案 0 :(得分:3)
我建议您尝试更新主题中的Bootstrap文件。它们都是2.1.1版本,据我所见,有些人在早期的Bootstrap版本中遇到了类似的问题。
您要更改的文件是:
http://avantgardeinternational.eu/templates/h5bptb/css/bootstrap.min.css http://avantgardeinternational.eu/templates/h5bptb/css/bootstrap-responsive.min.css http://avantgardeinternational.eu/templates/h5bptb/js/libs/bootstrap/bootstrap.min.js
如果这不起作用,我会试着四处寻找并确保某些脚本没有冲突,这可能只是意味着禁用除Bootstrap JS之外的所有脚本。然后看看它是否正常工作。
http://twitter.github.com/bootstrap/
编辑:只是尝试了这个,稍微更改了与样式混乱的CSS,但它仍然无效。我不认为它正确地将JS加载到页面中,我现在会尝试...
编辑2 :所以在给出了一个镜头后,我得出的结论是,现在只有一个解释...我已经观察到您登录和登录时页面之间的区别出。当您登录时,有各种其他JS加载到页面中。
其中一个必须覆盖Bootstraps崩溃方法,从而阻止它工作。您登录时会加载一些额外的脚本以及更多样式。它可能正在尝试删除这些,然后再次尝试。