製作一個jQuery插件在wordpress中工作 - 「thumbanail網格展開預覽」

我找到了一個極好的jQuery教程here。但現在我試圖讓它在wordpress中運行，但我似乎無法讓jquery工作！製作一個jQuery插件在wordpress中工作 - 「thumbanail網格展開預覽」

我入隊這樣的劇本在我的functions.php：

wp_register_script('grid-js', 
    get_stylesheet_directory_uri() . '/library/js/grid.js', 
    array('jquery'), '', true); 
    wp_enqueue_script('grid-js');

，我已經把這段代碼裏面全grid.js所以我沒有任何衝突$：

(function($) { ...code here... })(jQuery);

在教程中，在index.html頁面的底部有一個標籤，它啓動了jquery文件。我把它放在我的索引頁面的底部，如下所示：

<script> 
    (function($) { 
    Grid.init(); 
    })(jQuery); </script>

但是我得到的只是這個錯誤消息。

Uncaught ReferenceError: Grid is not defined

希望從長遠來看，我會通過Ajax調用加載擴大電網，但現在我只在看竟得到了jQuery在WordPress工作。

如果任何人有任何指示或教程如何讓jquery插件在wordpress中工作，這將是偉大的，我相信別人會感激它。我花了很多時間在這裏和谷歌上搜索，但到目前爲止，我還沒有提出任何好的教程，大部分教程都是關於入門的。

在此先感謝。

來源

2013-03-27 cmdv

嗨我設法實現這個工作。

我所做的就是把：

(function($) { 

$(function() { 
    grids.init(); 
    }); 

})(jQuery);

自身的js文件把它稱爲loadgrid.js登記的腳本在我的functions.php

wp_register_script('loadgrid', get_stylesheet_directory_uri() . '/library/js/loadgrid.js', array('grid-js'), false , true);

加載由於某種原因，我無法將其內聯，但以這種方式進行工作時，它的工作原理是在頁面底部註冊。

希望這有助於

來源

2013-04-12 19:55:56 cmdv

製作一個jQuery插件在wordpress中工作 - 「thumbanail網格展開預覽」

回答

相關問題