将lettering.js方法应用于使用Wordpress bloginfo("name")调用的标题

Question

我让Lettering.js在我正在开发的WAMP托管的Wordpress主题上排队。我非常确定它正在注册，因为在我的js init中调用这个函数不会抛出错误：

style_title = (function($){
    $(document).ready( function(){
        $(".fancy-title").lettering('words');
    });
});

然而，这个类的文本并没有像它应该的那样被分解成单词。我怀疑这与这样一个事实有关，即它的内容不是显式地用HTML语言编写的，而是由Wordpress的bloginfo()函数返回的，就像这样(从header.php)：

<h1 class="site-title"><a class="fancy-title" href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>

我是不是漏掉了什么？如果不是，解决这个问题的最有效的解决方案是什么？我是否要将标题解析为字符串数组，然后遍历该数组以生成分解为s的链接文本？我对此犹豫不决，因为它增加了非语义复杂性并使lettering.js变得多余--这很遗憾，因为我也想尝试它的字母样式功能。

我是边学边学，所以如果这是新手犯的错误，我很抱歉。提前感谢您的帮助！

Answer 1

我自己解决了这个问题：

我忘了把jQuery传递给函数了。一旦我像这样更新了style_title：

style_title = (function($){
    $(document).ready( function(){
        $(".fancy-title").lettering('words');
    });
})(jQuery);

...lettering.js的工作就像一个护身符。我仍然不明白为什么它没有抛出错误，但我很高兴它现在可以工作了！