如何在首页显示jQuery幻灯片

时间:2013-07-28 作者:Batman

Hy,我在首页集成了一个jquery幻灯片,当我在网站上安装下一代Galley时,这个问题就出现了。幻灯片停止工作,我认为存在冲突。

我有2个标题

索引标题。php-索引页面幻灯片的标题

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="<?php bloginfo(\'template_url\'); ?>/js/jquery.cycle.all.js"></script>
<script src="<?php bloginfo(\'template_url\'); ?>/js/jquery.easing.1.3.js"></script>
<script>
$(function() {
// ---------------------------------------------------
// Slideshow 1
    $(\'#slideshow_1\').cycle({
        fx: \'scrollHorz\',       
        easing: \'easeInOutCirc\',
        speed:  700, 
        timeout: 5000, 
        pager: \'.ss1_wrapper .slideshow_paging\', 
        prev: \'.ss1_wrapper .slideshow_prev\',
        next: \'.ss1_wrapper .slideshow_next\',
        before: function(currSlideElement, nextSlideElement) {
            var data = $(\'.data\', $(nextSlideElement)).html();
            $(\'.ss1_wrapper .slideshow_box .data\').fadeOut(500, function(){
                $(\'.ss1_wrapper .slideshow_box .data\').remove();
                $(\'<div class="data">\'+data+\'</div>\').hide().appendTo(\'.ss1_wrapper .slideshow_box\').fadeIn(700);
            });
        }
    });
    // not using the \'pause\' option. instead make the slideshow pause when the mouse is over the whole wrapper
    $(\'.ss1_wrapper\').mouseenter(function(){
        $(\'#slideshow_1\').cycle(\'pause\');
    }).mouseleave(function(){
        $(\'#slideshow_1\').cycle(\'resume\');
    });
// ---------------------------------------------------
    $(\'a[href="#"]\').click(function(event){ 
        event.preventDefault(); // for this demo disable all links that point to "#"
    });
});
</script>
标题。php-它用于网站的每个页面。这是我的<?php wp_head(); ?>

我怎样才能让它工作。如何加载幻灯片而不干扰下一代Galley jquery

1 个回复
最合适的回答,由SO网友:Milo 整理而成

正如Jerome在评论中提到的,通过脚本标记包含您自己版本的jQuery是错误的。Nextgen通过以下方式正确添加WordPress提供的版本wp_enqueue_script, 这就产生了冲突。

通过脚本标记删除jQuery的包含enqueue 将jQuery作为依赖项的其他javascript文件noConflict mode.

结束

相关推荐

如何将footer.php重置为其原始状态?(主题:折纸)

我不小心从页脚中删除了一些代码。php试图去掉“Theme By Origami”的页脚,现在页脚全乱了。如何将其重置为原始状态?我觉得自己太笨了,我应该在删除之前备份一下,我太粗心了。。我的网站:http://www.agnesphotoandfilm.co.uk/我的主题:折纸请帮忙