jQuery 块 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'
    }
});

未实现对块 UI 的字体系列样式更改。有人知道为什么吗？顺便说一下，下面的链接没有提到CSS字体系列：http://malsup.com/jquery/block/#options。

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>

样式属性以双引号开头。 当 HTML 解析器到达"Seqoe UI"的第一个双引号时，它将关闭 style 属性：

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

在 Segoe UI 周围使用单引号。 或者更好的是，定义一个类。