jquery - 如何使用 google webfontloader 调用 jquery 事件

Question

我在这里阅读了 github 上的文档：https ://github.com/typekit/webfontloader#custom

我知道如何使用添加到 html 标记的 css 类。但由于某种原因，我不明白当字体处于活动模式时如何调用函数。

我的 head 标签中有以下代码，并且正在添加 css 类：

 <script>          
      WebFontConfig = {
        custom: {
            families: ['apex_new'],
            urls: ['http://salaam.minnie.mico.dk/wp-content/themes/salaam/style.css']
            active: function () { alert('test'); }
        }
    };
    (function() {
        var wf = document.createElement('script');
        wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
            '://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js';
        wf.type = 'text/javascript';
        wf.async = 'true';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(wf, s);
    })();

在使用 jquery 处于活动模式时，如何让 alertbox 或 console.log 弹出？

谢谢！！

Answer 1

有回调提供给WebFontConfig（或在调用时在配置中WebFont.load()）。

WebFontConfig = {
    custom: {
        families: ['apex_new'],
        urls: ['http://salaam.minnie.mico.dk/wp-content/themes/salaam/style.css']
    }
    active: function () { console.log('active') }
};

或者

WebFont.load({
    custom: {
        families: ['apex_new'],
        urls: ['http://salaam.minnie.mico.dk/wp-content/themes/salaam/style.css']
    }
    active: function () { console.log('active') }
});

所以你只是把它放错了地方。