Zurb Foundation 5 的 jQuery 错误(字体系列错误)

Posted

技术标签:

【中文标题】Zurb Foundation 5 的 jQuery 错误(字体系列错误)【英文标题】:jQuery Error with Zurb Foundation 5 (font-family bug) 【发布时间】:2014-06-18 05:47:28 【问题描述】:

我在使用 Foundation 5 和 jQuery 时遇到了这个奇怪的问题。

发生错误,javascript 将不再工作:

jquery.js:1850
Uncaught Error: Syntax error, unrecognized expression: [data-'Open Sans', sans-serif-slider]

页面很简单:

<html>
    <head>
        <link type="text/css" rel="stylesheet" href="stylesheets/app.css">
        <script src="javascripts/vendor/custom.modernizr.js"></script>
    </head>
    <body>
       <!-- Some HTML stuff... -->
       <script src="javascripts/vendor/jquery.js"></script>
       <script src="javascripts/foundation.min.js"></script>
       <script src="javascripts/foundation/foundation.alerts.js"></script>
       <script src="javascripts/custom.js"></script>
       <script>
           $(document).foundation();
       </script>
    </body>
</html>

我阅读了几个线程来处理 Foundation 4 早期版本的类似问题。我不知道我的问题是否相关。

如果您之前遇到过这个问题,我们将不胜感激:)

___编辑 我刚刚用 bower 更新了整个东西,以使用不同文件的最新版本。但我仍然收到此错误:(

__编辑 我只是孤立了这个问题:

样式表引用了一个字体系列:

html,
p,ul,li,
h1,h2,h3,h4,h5,h6
    font-family:"Open Sans";

禁用 font-family 属性将消除错误...

【问题讨论】:

【参考方案1】:

font-family 不应归于html,因为它会导致该错误。

改用body

body
    font-family:"Open Sans";
 

【讨论】:

以上是关于Zurb Foundation 5 的 jQuery 错误(字体系列错误)的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Zurb Foundation 4/5 全屏中制作行?

当 cookie_monster 为真时,Zurb Foundation 5 Joyride 重新启动

如何在我的 Rails 4 应用程序中配置 Compass 和 Zurb Foundation 5,以便它们都可以在同一个目录中访问?

scss 来自Foundation(Zurb)的Flex Video Mixin的修改版本https://github.com/zurb/foundation/blob/master/scss/fou

Zurb Foundation 'Joyride':如何开始/以编程方式

SASS 和 Zurb Foundation - 令人困惑的安装说明