Интеграция Jcarousel в WordPress для отображения похожих сообщений - PullRequest
Новая
       3

Интеграция Jcarousel в WordPress для отображения похожих сообщений

1 голос
/ 29 августа 2011

Я пытаюсь использовать jcarousel для показа связанных постов, которые можно прокручивать, код, который я использую для показа похожих постов: 

$orig_post = $post;
global $post;

$tags = wp_get_post_tags($post->ID);
if ($tags) {
    $tag_ids = array();
    foreach($tags as $individual_tag)
        $tag_ids[] = $individual_tag->term_id;
    $args = array(
        'tag__in' => $tag_ids,
        'post__not_in' => array($post->ID),
        'posts_per_page'=>4, // Number of related posts that will be shown.
        'caller_get_posts'=>1,
        'post_type'=>'books'
    );
    $my_query = new wp_query( $args );
    if( $my_query->have_posts() ) {
        while( $my_query->have_posts() ) {
            $my_query->the_post(); ?>
            <ul id="mycarousel" class="jcarousel-skin-tango">
                <li>
                    <div class="relatedthumb">
                        <a href="<? the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_post_thumbnail(); ?></a>
                    </div>
                </li>
        <? }
        echo '</ul></div>';
    }
} else {
    echo 'No Related Posts Found';
}
$post = $orig_post;
wp_reset_query();

и код для инициализации jcarousel: 

<script type="text/javascript" src="../lib/jquery-1.4.2.min.js"></script>
<!--
  jCarousel library
-->
<script type="text/javascript" src="../lib/jquery.jcarousel.min.js"></script>
<!--
  jCarousel skin stylesheet
-->
<link rel="stylesheet" type="text/css" href="../skins/tango/skin.css" />

<script type="text/javascript">

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel();
});

</script>

Этот код работает только тогда, когда у меня есть статический неупорядоченный список. Но когда я вызываю элементы списка динамически, это не работает. Пожалуйста, помогите мне разобраться с этим.

Ссылка на страницу, которую я скачал Jcarousel: http://sorgalla.com/jcarousel/, у них есть примеры того, как загрузить динамический контент, но я не думаю, что какой-либо из их примеров применим к моему вопросу, поэтому я был бы очень признателен за вашу помощь.

Edit: Не берите в голову. Я понял это самостоятельно. У меня был 

<ul id="mycarousel" class="jcarousel-skin-tango">

в неправильном месте его нужно было вызвать прямо перед соответствующим почтовым индексом.

...