我之前问过一个关于Flash消息以及如何自定义它们的问题，但我真的可以对这些文件的内容进行一些澄清吗？
<script src="js/vendor/jquery.js"></script>
<script src="js/foundation/foundation.js"></script>
<script src="js/foundation/foundation.alert.js"></script>
它们是什么？我为什么需要它们？基金会让它听起来好像已经包含在内。我应该把代码放在其中，我的rails应用程序没有供应商目录或jquery.js
答案 0 :(得分：4)
您可能知道Foundation是一个响应式CSS / JavaScript框架，可以快速部署移动和桌面就绪网站。 Foundation提供了一个大型CSS规则集来管理您网站的外观，但为了提供响应功能，它需要使用JavaScript。
基础Javascript旨在与jQuery一起使用。您只需在页面的<head>部分中添加以下内容即可。
此外，您可能希望使用Modernizr，因为它充当旧浏览器可能无法识别的HTML5元素的填充程序，并为移动设备提供检测。
<script src="/js/vendor/modernizr.js"></script>
建议不要求以上内容。它很轻巧，真的只是坐在那里。 JQuery用于所有重型基金会必须做的事情。对于Foundation的任何功能都是必需的。外观来自CSS，但功能来自JavaScript
<script src="/js/vendor/jquery.js"></script>
您只需要在foundation.js库之前在页面上加载JQuery 1.10或更高版本。您可以CDN使用Foundation Javascript Library，例如this one，以避免在本地维护副本。
完成后，您只需加载<script src="/js/foundation.min.js"></script>
即可。这些是Foundation使用的所有功能。为便于携带，它们分开如下。
您可以单独加载每个插件，或者包含foundation.min.js，它会自动加载Foundation Core和所有Javascript插件。
如果您使用此版本，则只需加载单个文件即可获得完整功能。
grid以下版本（非缩小版）仅加载核心功能。这基本上是<script src="/js/foundation.js"></script>
重新调整大小和实用程序功能。
minified只是该文件的加载速度稍快，而且non-minified版本的开销略低，因此当您只需要核心功能时，通常会使用此选项。
要扩展Topbar并添加其他功能，例如Alerts，Dropdowns，Javascript等，您必须加载各自的Javascript将该功能添加到核心<script src="/js/foundation.alert.js"></script>
<script src="/js/foundation.dropdown.js"></script>
<script src="/js/foundation.tab.js"></script>
JQuery通过我的部署，我通常会通过CDN设置Modernizer和foundation.min.js并使用Foundation的本地副本。这样我现在和将来所需的一切都包含在单个文件中。它不是那么大，而且更方便，因为我只需要在我需要它时加载我需要的东西。
另外，为了确保<script>
$(document).foundation();
</script>
在您的页面上运行，您需要在结束标记之前包含以下内容：
Foundation我希望这可以解决任何困惑，如果您需要任何进一步的帮助来部署{{1}}，请随时与我联系或发表评论。我已经使用了一段时间，这是我最喜欢的框架。