2017-05-19 29 views
0

我將Lettering.js加入了我正在開發的WAMP託管的Wordpress主題中。我敢肯定它的註冊,因爲調用JS我初始化這個函數不引發錯誤:將wording.js方法應用於Wordpress bloginfo調用的標題(「名稱」)

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成爲多餘 - 這是一種恥辱,因爲我也想玩它的字母樣式功能。

我在學習,所以我很抱歉,如果這是一個新手的錯誤。先謝謝您的幫助!

回答

0

爲自己解決了這個問題:

我忘了將jQuery傳遞給函數。一旦我更新了style_title,如下所示:

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

... lettering.js的工作方式非常魅力。我仍然不明白這是怎麼發生的錯誤,但我很高興它現在正在工作!