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