ошибка jQuery с Zurb Foundation 5 (ошибка семейства шрифтов)


У меня есть эта странная проблема с 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. Я не знаю, связана ли моя проблема или нет.

Если вы сталкивались с этой проблемой раньше, помощь была бы очень признательна :)

_ _ _ править Я только что обновил весь материал с Бауэром, чтобы использовать последнюю версию версии различных файлов. Но я все равно получаю эту ошибку : (

_ _ править Я просто выделил проблему:

Таблица стилей относится к семейству шрифтов:

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

Отключение атрибута font-family устранит ошибку...

1 2

1 ответ:

font-family не следует приписывать html, так как это приводит к этой ошибке.

Вместо этого используйте body:

body{
    font-family:"Open Sans";
}