jQuery Block UI Изменение шрифта не работает?

Question

У меня есть следующий код:

$.blockUI({
    message: '<h1><img src="http://uploadingit.com/resources/web/images/popup_working.gif"/><p style = "font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;">Loading filters... </p></h1>',
    css: {
        color:'#000000',
        backgroundColor:'#FFFFFF',
        border:'5px solid #3b5999'
    },
overlayCSS: {
        backgroundColor: '#E6E6E6'
    }
});

Изменения стиля семейства шрифтов в пользовательском интерфейсе блока не реализуются. У кого-нибудь есть идея, почему? Кстати, следующая ссылка не упоминает семейство шрифтов CSS: http://malsup.com/jquery/block/.

Answer 1

Предполагая, что blockUI JQuery виджет не вырезать семейство шрифтов, установленное на p атрибут, я думаю, что ваша проблема может быть с использованием двойных кавычек для Seqoe UI

Это HTML-код сообщения:

<h1>
    <img src="http://uploadingit.com/resources/web/images/popup_working.gif"/>
    <p style = "font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;">Loading filters... </p>
</h1>

Атрибут style начинается с двойной кавычки. Когда анализатор HTML получает первую двойную кавычку для "Seqoe UI", он закрывает атрибут style:

style = "font-family: Optima, Segoe, "

Используйте одинарные кавычки вокруг Segoe UI. Или еще лучше, определить класс.