Question

除了Jquery和Caroufredsel，我没有使用任何东西。我正在使用Wordpress生成的条目。

当它向左移动时它工作正常，但是当它向右自动滚动或者当我点击右边的分页时它会完全疯了。

现场例子在这里： http://apolinariopassos.com.br/nutricao/

代码是： header.php

<script src="<?php echo get_template_directory_uri(); ?>/js/jquery-1.7.2.min.js"></script>
<script src="<?php echo get_template_directory_uri(); ?>/js/carouFredSel.js"></script>
<script type="text/javascript">
$(document).ready(function($) {
    $('#carrossel_home_pg').carouFredSel({
    prev: {
        key: "left"
    },
    next: {
        key: "right"
    },
    pagination: "#texto-slider-paginacao"
    });
});
</script>

的index.php

<div id="carrossel_home_pg">
                    <?php $the_query = new WP_Query( array('post_type' => 'post', 'cat' => '8', 'posts_per_page' => '3', 'category_name' => 'slider-home')); 
                          while ( $the_query->have_posts() ) : $the_query->the_post(); 
                    ?>
                            <?php the_post_thumbnail(); ?>   

                    <?php endwhile; ?>
                </div>
                <div id="texto-slider-paginacao" class="pagination"></div>

生成的代码在实例上。

提前感谢。

Answer 1

我的javascript中有类似的错误，但我使用的是node.js而不是php ...

我必须在调用carouFredSel函数时添加超时，而不是让它在$（document）.Ready上运行。您可以在$（document）.ready函数中尝试以下内容：

function spec(){
    $('#carrossel_home_pg').carouFredSel({
    prev: {
        key: "left"
    },
    next: {
        key: "right"
    },
    pagination: "#texto-slider-paginacao"
    });
}
$(window).load(function() {
    setTimeout(spec(), 100);
});

Answer 2

我发现此错误的原因可能是显示：无的轮播容器。所以这可以通过在包装器变为 display：block 之后初始化插件来修复。

Caroufredsel问题：双方都没有正常工作，只能“向左”工作

2 个答案: