JCarousel和动态内容

时间:2012-12-04 14:51:58

标签: jquery yii jcarousel

我在Yii框架中使用Jquery JCarousal,在我从模型中加载图像的其中一个视图中:

<ul id="first-carousel" class="first-and-second-carousel jcarousel-skin-tango">
<?php 

    foreach ($news as $newsElement) {
?>  

<li>
    <a href="<?php echo $newsElement->url ?>">
        <div class="news-title">
            <p><?php echo $newsElement->title; ?></p>
        </div>
        <img src="<?php  echo Yii::app()->getBaseUrl().IMAGE_URL.$newsElement->cover->image ?>" width="165" height="165" alt="" />
    </a>
</li>


<?php }?>

</ul>

我正在使用JCarousal来滑动这些图像,如下所示:

<?php Yii::app()->clientScript->registerScript('carousel',
    "           $('.first-and-second-carousel').jcarousel({
                scroll: 1,  
                animation: 'slow',
            })

     ", CClientScript::POS_READY
    );  ?>

我尝试了这段代码,当我有一些静态内容时,它工作正常,但现在,只有第一个<li>被加载,其余的不可见。 (我可以在页面的源代码中看到它们)。

JCarousel documentation中有关于加载动态内容的解释但我不知道如何使用它,因为我正在从模型中读取内容,我不想使用yii的任何JCarousal扩展因为我需要对源代码进行一些更改以使其适用于多行...任何人都可以帮忙解决这个问题吗?

0 个答案:

没有答案