如何在Wordpress

时间:2015-09-22 05:30:53

标签: javascript jquery wordpress

我有以下功能(在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做好准备,以便了解此过程的全貌?

根据经验,如果我在浏览器控制台中没有收到任何错误,那么你能否确认代码中的一切正常?感谢

2 个答案:

答案 0 :(得分:3)

我总是在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);

答案 1 :(得分: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;
});
相关问题