如何在 Wordpress 中正確使用 jQuery noConflict 模式

Question

我有以下功能（在html ）jsfiddle： http : //jsfiddle.net/pmpvLjuq/1/

我發現為了在 Wordpress 中也能正常工作，應該在jQuery的 noConflict 模式下使用。 在 wp codex 中，我發現了這一部分：

在這一點上，我不太確定我是否理解這些情況下的全局術語。 我應該用jQuery替換所有的$符號嗎？

我在控制台中所做的沒有錯誤（但我擔心）也在 wp 頁面中工作，它在這里： http : //jsfiddle.net/8r9rcft2/2/

換句話說，在這些特殊情況下，我是否仍然應該替換$標記（？）

第 15 行$links = $(".pagedMenu li"),將是jQuerylinks = jQuery(".pagedMenu li"), (?)

第 16 行count = $links.length,將count = jQuerylinks.length, (?) 行

第 25、26、26 行等也是如此。

我可以讓你在jQuery的 noConflict 模式下為 wordpress jsfiddle 做好准備，以便了解這個過程的全貌嗎？

根據經驗，您能否確認我是否在瀏覽器控制台中沒有收到任何錯誤，這意味着代碼中的一切都很好？ 謝謝

Answer 1

我總是在 wordpress 中使用這樣的 jQuery，它對我有用，我希望這對你有用。

(function($){

  $(document).ready(function(){
      // write code here
  });

  // or also you can write jquery code like this

  jQuery(document).ready(function(){
      // write code here
  });

})(jQuery);

Answer 2

我總是喜歡下面的方法，因為它總是分開 jquery 庫並且從不沖突，它是 jquery 的推薦方法之一。

它只是一個例子。 我主要用它來平滑滾動。

$scroll= jQuery.noConflict();    
$scroll('a').click(function(){
    $scroll('html, body').animate({
        scrollTop: $scroll( $scroll(this).attr('href') ).offset().top
    }, 1000);
    return false;
});