jquery - WordPress jQuery 未捕获类型错误 : Property '$' of object [object Object] is not a function

Question

我正在将 html 文件转换为 WordPress 主题，并使用插件 ZClip 将文本复制到剪贴板。 ZClip 插件在我的 html 演示中工作正常，但是当转换为 WordPress 时，我在 zclip.js 第 288 行中收到了这个奇怪的语法错误“Uncaught TypeError: Property '$' of object [object Object] is not a function”文件这是

$(this.domElement).data('zclipId', 'zclip-' + this.movieId);

我认为变量 $ 不确定。我读到一些关于 jQuery 可能会在 WP 中相互冲突的内容，因此我已将 main.js 文件更改为

jQuery(document).ready(function($){

    ...
    $("button").zclip({
      path:'js/ZeroClipboard.swf',
      copy: function() { return $(this).attr("data-coupon"); }
    });
});

函数.php

<?php

function load_styles_and_scripts(){
    //load css
    wp_enqueue_style( 'main-styles', get_template_directory_uri().'/style.css' );

    // load scripts
    wp_enqueue_script( 'jquery', 'http://code.jquery.com/jquery-1.10.1.min.js' );
    wp_enqueue_script( 'zclip-script', get_template_directory_uri().'/js/zclip.js' );
    wp_enqueue_script( 'main-script', get_template_directory_uri().'/js/main.js' );

}

add_action('wp_enqueue_scripts', 'load_styles_and_scripts');

折腾了一整天终于搞清楚了，哈哈。似乎 WP 3.5.2 加载了旧版本的 jQuery 1.8.3，而我使用了新版本，但由于这一行而无法加载

wp_enqueue_script( 'jquery', 'http://code.jquery.com/jquery-1.10.1.min.js' );

也许“jquery”是为 WP 的本地 jquery 安装保留的我将其更改为，我的网站开始工作，但据此处的用户称，不建议这样做。

wp_enqueue_script( 'jq', 'http://code.jquery.com/jquery-1.10.1.min.js' );

Answer 1

默认情况下，WordPress 的 jQuery 在无冲突模式下运行。在代码中将 $ 替换为 jQuery ，它应该可以工作。

http://api.jquery.com/jQuery.noConflict/