花式框和预订日历 - Wordpress中的JQuery冲突

时间:2012-11-29 18:07:01

标签: jquery wordpress fancybox

我在WP网站上更新了Booking Calendar插件。由于脚本出错,它无法正常工作,我使用此解决方案修复了它:http://wpbookingcalendar.com/faq/loading-jquery-twice/

问题是,编辑该行使FancyBox不再起作用。我已经更新了FancyBox和JQuery文件,但仍然有同样的问题:我必须在预订日历或FancyBox之间进行选择,以便对Jquery的调用进行编辑或编辑。

这就是页面标题现在的样子。无论如何,我可以让两件事同时发挥作用吗?

谢谢!

    <?php if ( is_page('Booking Calendar Name') ) { ?><?php wp_head(); ?><?php } ?>

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<!-- <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery-1.8.3.min.js"></script> -->

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.flow.1.2.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.form.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/init_form.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/init.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/easySlider1.5.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/dropdowns.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/fancybox/jquery.mousewheel-3.0.6.pack.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/fancybox/jquery.fancybox.js"></script>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/fancybox/jquery.fancybox.css" media="screen" />

1 个答案:

答案 0 :(得分:1)

无法查看您网站上的源代码,很难说但@JFK指出的内容让我觉得您的网站上没有jQuery,除非您在使用Calendar插件的页面上。在任何一种情况下,我都会尝试取消注册脚本并通过functions.php加载你想要的脚本,如下所示:

wp_deregister_script('jquery');
    if(!is_admin()) { 
    wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js');
    wp_enqueue_script('jquery');
}

您可以删除标题中的jQuery,因为它将在此处加载。