使用Javascript幻燈片效果從動態列表（Wordpress WP-Query）顯示多個內容項

Question

我使用以下代碼生成具有JavaScript滑動效果的動態列表：

<head>
<script data-require="jquery@*" data-semver="2.1.1" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body>

<div class="newsblock">

<ul id="newgall">
<?php
//display 10 posts with title and date
$args=array(
  'post_type' => 'post',
  'post_status' => 'publish',
  'post_category' => '123',
  'posts_per_page' => 12,
  'caller_get_posts'=> 1
);
$my_query = null;
$my_query = new WP_Query($args);
if( $my_query->have_posts() ) {

  while ($my_query->have_posts()) : $my_query->the_post(); 
?>

    <li>
    <p>
    <a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a> 
    <br/><?php the_time('F jS, g:i a') ?>
    <br/>
    </p>
    </li>

    <?php
  endwhile;
}
wp_reset_query();  // Restore global post data stomped by the_post().
?>
  </ul>
</div>          
<script>
        var $items = $('#newgall li'),
            i = 0;

        function slide() {
            var index = i % $items.length;
            $items.hide().removeClass('curr').slice(index, index +4).show('fade').addClass('curr');
            i += 4;
            setTimeout(slide, 400);
        };

        slide();
</script>
    </body>

現在，我想使用幻燈片效果在12個時間中一次顯示4個最近的帖子，總共進行3個轉換。 使用正常的無序列表，可以正常工作。 當我使用WP_Query作為列表時，該列表將不會填充多個過渡。

這有什么錯，在12個帖子中僅顯示4個？

另外，如何默認為第一組4個列表項。 在列表填充之前，會發生過渡效果，導致出現空白，然后顯示內容。 我希望列表從最近的4篇文章開始，然后過渡到下一組內容，依此類推。

Answer 1

此代碼有效！ 還有其他一些無用的沖突代碼導致此錯誤。 謝謝，我！

使用Javascript幻燈片效果從動態列表（Wordpress WP-Query）顯示多個內容項

問題描述

1 個解決方案

解決方案1
0 2014-08-13 03:56:24

使用Javascript幻燈片效果從動態列表（Wordpress WP-Query）顯示多個內容項

問題描述

1 個解決方案

解決方案1 0 2014-08-13 03:56:24

解決方案1
0 2014-08-13 03:56:24