我在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扩展因为我需要对源代码进行一些更改以使其适用于多行...任何人都可以帮忙解决这个问题吗?