使用javascript显示Wordpress查询中的多组内容项

我正试图用java脚本将我最近发表的文章显示在一个逐渐消失的内容列表中。我想从12篇最新的帖子中抽取，然后显示它们，每次显示4篇，从最新到最少

<script>
        var $items = $('#marquee 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, 4000);
    };

    slide();
</script>

以下是我的查询详细信息：

<?php 

$my_query = new WP_Query('showposts=12');
while ($my_query->have_posts()) : $my_query->the_post(); 

?>

<?php

if (strlen(the_title('','',FALSE)) > 80) {
$title_short = substr(the_title('','',FALSE), 0, 80);
preg_match('/^(.*)\s/s', $title_short, $matches);
if ($matches[1]) $title_short = $matches[1];
$title_short = $title_short.'...';
}
else
{
$title_short = the_title('','',FALSE);
}

?>

<script>
        var $items = $('#marquee 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, 4000);
    };

    slide();
</script>

我希望它们与此脚本一起正确显示：

<script>
        var $items = $('#marquee 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, 4000);
    };

    slide();
</script>

<script>
        var $items = $('#marquee 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, 4000);
    };

    slide();
</script>

var$items=$（“#marquee li”），
i=0；
函数幻灯片（）{
风险值指数=i%$items.length；
$items.hide（）.removeClass（'curr'）.slice（索引，索引+4）.show（'fade'）.addClass（'curr'）；
i+=4；
设置超时（幻灯片，4000）；
};
幻灯片（）；

这就是我的上下文的组织方式：

<script>
        var $items = $('#marquee 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, 4000);
    };

    slide();
</script>

<div id="mholder">

<ul id="marquee">

<li><div class="marquee" style="height: auto">

<a title="<?php echo the_title() ?>" href="<?php the_permalink() ?>"><?php echo $title_short ?></a><span><small><br/><?php the_time('F jS, g:i a') ?></small></span>

</div></li>
</ul>

</div>

<script>
        var $items = $('#marquee 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, 4000);
    };

    slide();
</script>



变量$items=$（'newgall li'），
i=0；
函数幻灯片（）{
风险值指数=i%$items.length；
$items.hide（）.removeClass（'curr'）.slice（索引，索引+4）.show（'fade'）.addClass（'curr'）；
i+=4；
设置超时（幻灯片，400）；
};
幻灯片（）；

确保通过插件启用了PHP。这个代码有效

<script>
        var $items = $('#marquee 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, 4000);
    };

    slide();
</script>