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

时间:2017-05-19 13:47:13

标签: php jquery html wordpress letteringjs

我让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的链接文本?我对此犹豫不决,因为它增加了非语义的复杂性,并使fonts.js变得多余 - 这是一种耻辱,因为我也希望使用它的字母样式功能。

我正在学习,所以如果这是一个菜鸟错误,我道歉。在此先感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

为我自己解决了这个问题:

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

T

... lettering.js就像一个魅力。我仍然不明白这是怎么没有错误的,但我很高兴它现在正在运作!