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 处于事件模式时，如何弹出警报框或 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') }
});

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