Question

如何在 Wordpress 中使用 jQuery

Answer 1

如何在 WordPress 中使用 jQuery？

1.首先要加载 jQuery 库

这步很简单，你只需要在你使用的 WordPress 主题的 header.php 文件的 head 标签中加入如下代码即可：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

你也可以把 google 上的 jQuery 库下载到本地再加载，不过并不推荐你这么做，用 google 的就可以的。

2.在主题中调用 .js 文件

新建立一个 .js 文件，在文件中加入如下代码：

 jQuery(document).ready(function($){
// 这里就是你需要添加的教程中提到的一些 jQuery 代码
});

例如返回顶部标签里面的JS文件是这样写的：

    jQuery(document).ready(function($){
  $('#shang').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);});
  $('#xia').click(function(){$('html,body').animate({scrollTop:$('#footer').offset().top}, 800);}); 
});

最后在主题中调用这个 .js 文件，假设你建立的文件名为 all.js，那么直接在主题文件 header.php 中的 head 区域添加如下样式代码即可：

  <script type="text/javascript" src="http://www.yourdomain/all.js"></script>

 3.你在期待第三步吗？没了哈，通过两步操作已经完成了，哈哈。

通过以上的操作你已经可以在 WordPress 中使用 jQuery 了，以后再看到类似的教程，都按这个操作来就行了，通过自己的操作你就会发现，原来，传说中的改代码也不是那么的难。