Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将JQuery与Wordpress结合使用是否正确?_Javascript_Jquery_Wordpress - Fatal编程技术网

Javascript 将JQuery与Wordpress结合使用是否正确?

Javascript 将JQuery与Wordpress结合使用是否正确?,javascript,jquery,wordpress,Javascript,Jquery,Wordpress,我一直在为Wordpress定制(不是插件)jquery幻灯片。我一整天都在寻找如何在Wordpress中集成javascript,但似乎遇到了许多不同的方法。所以我的主要问题是,哪种方式是编写脚本的正确、最快的方式 从我所读到的内容来看,我应该使用Wordpress排队,以便只在需要的页面上调用脚本,在我的例子中,该页面是index.php。但我不确定该怎么做。另外,我应该在functions.php中添加一些内容吗 以下是脚本: <script src="Js/js/jquery-1.

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

从我所读到的内容来看,我应该使用Wordpress排队,以便只在需要的页面上调用脚本,在我的例子中,该页面是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>

$(文档).ready(函数(){
美元(“#例4 ul”)。zAccordion({
滑动宽度:600,
宽度:900,
身高:250,
超时:5000,
幻灯片类:“框架”
});
});
这就是我现在在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>

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

WordPress插件开发-初学者指南 打包印刷机

这是一本非常好的书,非常清晰、简单,有很多好的示例可以与jQuery一起使用

此外,您还拥有编写Wordpress插件时每个人都应该做的事情;)

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

WordPress插件开发-初学者指南 打包印刷机

这是一本非常好的书,非常清晰、简单,有很多好的示例可以与jQuery一起使用


此外,您还拥有编写Wordpress插件时每个人都应该做的事情;)

如果您不想创建插件,那么第二个最佳解决方案是安装Headspace2插件,它允许您从Wordpress管理编辑页面/发布屏幕向任何页面添加任何JS或CSS文件


此外,我会将内联JS转换为外部JS文件(mycustom.JS),然后像处理其他JS文件一样包含它,但这是我个人的偏好。

如果你不想创建插件,那么第二个最好的解决方案是安装Headspace2插件,它允许你从Wordpress管理员编辑页面/发布屏幕向任何页面添加任何JS或CSS文件


此外,我会将内联JS转换为外部JS文件(mycustom.JS),然后像处理其他JS文件一样将其包含在内,但这是我个人的偏好。

我可以建议以下几点:

  • 不要包括你的.js,因为你已经在排队了
  • 使用注册jquery.zaccordion.js,然后像使用jquery一样将其排队
  • 您不需要包括
    jQuery.noConflict()因为WordPress的jQuery已经声明了。只有在包含自己的jQuery时,才需要

  • 以下是我可以提出的几点建议:

  • 不要包括你的.js,因为你已经在排队了
  • 使用注册jquery.zaccordion.js,然后像使用jquery一样将其排队
  • 您不需要包括
    jQuery.noConflict()因为WordPress的jQuery已经声明了。只有在包含自己的jQuery时,才需要

  • 您可以在主题文件中包含jQuery,并将其称为functions.php文件。在我的例子中,脚本位于js文件夹(您的主题/js/)中

    在WordPress中加载脚本的正确方法是使用函数

    在主题类型的functions.php中:

    /**
    *加载jQuery脚本
    */
    如果(!is_admin()){
    函数寄存器\u my\u jquery(){
    wp_注销脚本('jquery');
    wp_register_脚本('jquery',get_bloginfo('template_directory')。“/js/jquery.min.js”);
    wp_排队_脚本('jquery');
    }
    添加动作('init','register_my_jquery');
    }
    
    您可以在主题文件中包含jQuery,并将其称为functions.php文件。在我的例子中,脚本位于js文件夹(您的主题/js/)中

    在WordPress中加载脚本的正确方法是使用函数

    在主题类型的functions.php中:

    /**
    *加载jQuery脚本
    */
    如果(!is_admin()){
    函数寄存器\u my\u jquery(){
    wp_注销脚本('jquery');
    wp_register_脚本('jquery',get_bloginfo('template_directory')。“/js/jquery.min.js”);
    wp_排队_脚本('jquery');
    }
    添加动作('init','register_my_jquery');
    }