2012-07-12 70 views
0

我沒有使用任何東西,但Jquery和Caroufredsel。我正在使用Wordpress生成的條目。Caroufredsel問題:雙方工作不正常,只能工作「向左」

它向左移動時可以正常工作,但當它自動向右滾動或當我點擊正確的分頁時,它會完全變爲堅果。

活爲例是在這裏: 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> 

生成的代碼是在實時爲例。

提前致謝。

+0

我打開調試模式,並得到「carouFredSel:不是有效數量的可見項:設置爲」變量「。」 – steps 2012-07-12 19:54:04

+0

João,你會受歡迎的br.stackoverflow.com,也許你知道它已經存在... – Sergio 2014-01-22 15:07:08

+0

你需要一個邀請,如果你用你的郵件離線與我聯繫,我發給你一個邀請函(vou apagar estescomentáriosquando tiver lido isto) – Sergio 2014-01-22 20:13:15

回答

0

我在JavaScript的也有類似的錯誤,但我使用Node.js的,而不是PHP ...

我不得不添加超時當carouFredSel函數被調用,而不必在它運行$(文件)。準備。你可以嘗試像你在裏面$以下(document).ready函數:

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

我發現這個錯誤的原因可能是顯示:旋轉木馬容器沒有。所以這可以通過在包裝變成顯示後初始化插件來解決:塊