制作一个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网格展开预览”

回答

相关问题