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

block UI 的字体系列样式更改未实现。任何人都知道为什么？以下链接没有提及 CSS 字体系列:http://malsup.com/jquery/block/#options .

Answer 1

假设 blockUI jquery 小部件没有去除 p 属性上设置的字体系列，我认为您的问题可能是使用双引号Seqoe 界面

这是消息的 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 = "font-family: Optima, Segoe, "

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