javascript - 以正确的方式将 JQuery 与 Wordpress 结合使用？

Question

我一直在摆弄我为 Wordpress 定制的(不是插件)jquery 幻灯片。我整天都在搜索如何在 Wordpress 中集成 javascript，但似乎遇到了许多不同的方法。所以我的主要问题是哪种方式是编写脚本的正确、最快的方式。

根据我的阅读，我似乎应该使用 Wordpress enqueue，以便仅在需要的页面上调用脚本，在我的例子中是 index.php。但我不确定这样做的正确方法。另外，我应该在我的 functions.php 中添加一些东西吗？

这是脚本:

<script src="Js/js/jquery-1.6.1.min.js" type="text/javascript"></script>
<script src="Js/js/jquery.zaccordion.js" type="text/javascript"></script>
<script type="text/javascript"> 
  $(document).ready(function() {
    $("#example4 ul").zAccordion({
        slideWidth: 600,
        width: 900,
        height: 250,
        timeout: 5000,
        slideClass: "frame"
    });
  });
</script>

这就是我现在在 header.php 中的内容:

<?php wp_enqueue_script('jquery'); ?> 
<?php wp_head();?>
<script type="text/javascript"
        src="<?php bloginfo("template_url"); ?>/js/jquery-1.6.1.min.js"></script>
<script type="text/javascript"
        src="<?php bloginfo("template_url"); ?>/js/jquery.zaccordion.js"></script>

<script type="text/javascript">
  jQuery.noConflict();
  jQuery(document).ready(function() {
    jQuery("#slider ul").zAccordion({
        slideWidth: 600,
        width: 800,
        height: 250,
        timeout: 5000,
        slideClass: "frame"
    });
  });
</script>

Answer 1

我的建议(和解决方案):

WordPress 插件开发 - 新手指南 Packtlib 出版社

这是一本非常好的书，非常清晰、简单，并且有大量可以与 jQuery 一起使用的好示例。

此外，您拥有每个人在编写 Wordpress 插件时都应该做的真实事情；)