javascript - Wordpress 管理区域 - TypeError : $ is not a function.(在 '$(".tab_content")', ' $' 中未定义)

Question

我在 WordPress 管理区域中遇到以下 js 错误的问题只是因为我没有使用 WordPress 默认 jquery，而是从 jquery.com 调用最新的 jquery api，如 <script type="text/javascript" src="//code.jquery.com/jquery-latest.min.js"> </script>所以我已经通过functions.php删除了默认的wordpress jquery文件并加载了这个文件。上面的功能来自主题，但下面我有我的插件页面，其中有无法正常工作的 js 和选项卡。

<div class="wrap">
   <h2> PAGE TITLE </h2>

   <div class="metabox-holder postbox-container" style="width:100%;">
      <ul class="tabs">
         <li class="active" rel="feed">FIRST TAB</li>
         <li rel="gora">SECOND TAB</li>
      </ul>

      <div class="tab_container" style="text-align: left;">
         <div id="feed" class="tab_content">

             <------ tab 1 content ------>

         </div>
      </div>

      <div class="tab_container" style="text-align: left;">
         <div id="gora" class="tab_content">

            <------ tab 2 content ------>

         </div>
      </div>

      <div class="tab_container" style="text-align: left;">
         <div id="article" class="tab_content">
         </div>
      </div>
   </div>

js是:

$(document).ready(function() {
    $(".tab_content").hide();
    $(".tab_content:first").show();
    $("ul.tabs li").click(function() {
        $("ul.tabs li").removeClass("active");
        $(this).addClass("active");
        $(".tab_content").hide();
        var activeTab = $(this).attr("rel");
        $("#" + activeTab).show();
    });
});

我也尝试过:

jQuery(document).ready(function($) {
    $(".tab_content").hide();
    $(".tab_content:first").show();
    $("ul.tabs li").click(function() {
        $("ul.tabs li").removeClass("active");
        $(this).addClass("active");
        $(".tab_content").hide();
        var activeTab = $(this).attr("rel");
        $("#" + activeTab).show();
    });
});

但我仍然收到 TypeError: $ is not a function. (In '$(".tab_content")', '$' is undefined)在控制台中。

代码中是否有任何问题，因此选项卡使用默认的 WordPress 主题，但使用我使用 //code.jquery.com/jquery-latest.min.js 的自定义主题它不起作用。

jQuery Migrate 也在 wp-admin 区域中启用。 谢谢!

Answer 1

在 WordPress 中如果你想使用 jquery ，使用这个

$.noConflict(); jQuery(文档).ready(函数($){ //你的jquery代码 });