0

我在这里找到了一个很棒的 jquery 教程。但现在我正试图让它在 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 中工作的指示或教程，那将会很棒，我相信其他人会很感激。我花了很多时间在这里和谷歌上搜索，但到目前为止，我还没有想出任何好的东西，大多数教程都是关于入队的。

提前致谢。

4

1 回答 1

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

出于某种原因，我无法将它内联，但是这样做是因为它加载在注册页面的底部。

希望这可以帮助

于 2013-04-12T19:55:56.240 回答