Question

我找到了一个极好的jquery教程here。但现在我试图让它在wordpress中运行，但我似乎无法让jquery工作!!

我在我的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>

但我得到的只是这个错误信息。

未捕获的ReferenceError：未定义网格

希望从长远来看，我将通过ajax调用加载扩展网格，但是现在我只是看着实际上让Jquery在wordpress中工作。

如果有人有任何指针或教程如何让jquery插件在wordpress中工作那将是很棒的，我相信其他人会很感激。我花了很多时间在这里和google上搜索，但到目前为止我还没有提出任何好的内容，大部分教程都是关于排队的。

提前致谢。

Answer 1

您好我已成功实现此功能。

我所做的就是：

(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 );

由于某种原因我无法将其内联，但这样做就像在寄存器页面底部加载一样。

希望这会有所帮助

制作一个jQuery插件在wordpress中工作 - ＆＃34; thumbanail网格扩展预览＆＃34;

1 个答案: