bootstrap-filestyle jQuery插件需要第二次渲染

问题描述:

我在这里宽松地使用“second”这个词。我使用Bootstrap CSS和其他几个jQuery组件,其中一个是bootstrap-filestyle。我发现表单最终很好地呈现,但我可以在用jQuery组件取代之前查看香草浏览按钮以及“没有选定文件”标签。bootstrap-filestyle jQuery插件需要第二次渲染

我在Chrome中看不到这个问题(看起来不够快),但可以在Firefox/Safari中重现(后者不太明显)。

一些细节:

  • 这是发展沙箱
  • 运行PUMA本地服务器
  • 这是一个Rails应用程序
  • 的JavaScript文件是通过资产管道全部加载(无CDN)。
  • 该应用程序使用带有Handlebars的Backbone.js作为模板引擎。

这是什么原因造成的?

+0

您需要为我们提供更多信息(浏览器,本地或远程服务器,如何加载文件等),我可以从您提供的信息中假设您是从外部源加载jQuery文件。可能你的DOM加载速度比你的jQuery文件快,每次你加载这个页面都会发生吗? – arinh 2014-10-03 19:16:46

+1

谢谢阿林。我已经更新了这个问题。希望它有你正在寻找的信息。是的,每次我加载页面时都会发生(问题是一致的)。 – 2014-10-03 19:23:06

问题是,在每个请求的开发模式下,您的Rails应用程序将重新加载可以增加加载时间的所有资源。

您可以通过禁用资产调试来将所有Javascript和CSS合并到一个文件中。这样你只会有两个来自JS和CSS的请求。

# Expands the lines which load the assets 
config.assets.debug = false #true 

你也可以检查出任何前端框架,如AngularJS,EmberJS等,以优化应用程序:

这可以在配置/ development.rb来完成。

但是这不应该是生产中的问题!

+0

谢谢阿林。实际上,即使在开发模式下,我已经设置了“假”一段时间(因为我不想遇到这样的问题)。我仍然看到问题,但希望这不会发生在产品? – 2014-10-03 19:38:07

+0

开发肯定是***慢,因为它重新加载所有组件。生产模式仅在服务器启动时加载组件。 – arinh 2014-10-03 19:40:05