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

Question

我在我正在开发的 WAMP 托管的 Wordpress 主题中加入了 Lettering.js。我很确定它正在注册，因为在我的 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 变得多余——这很遗憾，因为我也想使用它的字母样式功能。

我边走边学，所以如果这是一个新手错误，我深表歉意。在此先感谢您的帮助！

score 0 · Accepted Answer

为自己解决了这个问题：

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

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

... lettering.js 就像一个魅力。我仍然不明白这怎么没有引发错误，但我很高兴它现在可以工作了！

1 回答 1