轮播在 IE7/8 中不工作
我正在使用 jquery.carouFredSel-4.0.3-packed.js 进行轮播,它适用于 IE9 和 mozilla,但在 IE7/8 中,它会显示“LOG:carouFredSel:没有足够的项目:不滚动”,每当我事实并非如此。
我正在使用的代码
<div class="carousel-wrapper">
<div class="mask">
<a class="arrow left off"><-</a>
<a class="arrow left on" href="javascript:void(0);"><-</a>
<ul>
<dsp:droplet name="ForEach">
<dsp:param name="array" value="${listRecommended}"/>
<dsp:oparam name="empty">no recommended apps</dsp:oparam>
<dsp:oparam name="output">
<li>
<a href="javascript:void(0);"><img src="${resourcePath}/images/apps/carousel-image1.jpg" alt="bakery story"/></a>
<a href="javascript:void(0);"><dsp:valueof param="element.displayName"/></a><br/>
<dsp:getvalueof var="averageRating" param="element.averageRating"/>
<dsp:getvalueof var="rating" param="count"/>
<div class="rating">
<div class="medium">
<dsp:droplet name="For">
<dsp:param name="howMany" value="${averageRating}"/>
<dsp:oparam name="output">
<input checked="checked" class="star {split:1}" disabled="disabled" name="product-similar-'${rating}'" type="radio">
</dsp:oparam>
</dsp:droplet>
</div>
</div>
</li>
</dsp:oparam>
</dsp:droplet>
</ul>
</div>
<a class="arrow right off">-></a>
<a class="arrow right on" href="javascript:void(0);">-></a>
</div>
和javascript库是jquery.carouFredSel-4.0.3-packed.js。
如果有人遇到类似的问题,请告诉我。
提前致谢 赫米什
I am working with jquery.carouFredSel-4.0.3-packed.js for the carousal and it works good with IE9 and mozilla,but in IE7/8, it says "LOG: carouFredSel: Not enough items: not scrolling " whenever i am seeing it is not the case.
The code i am using is
<div class="carousel-wrapper">
<div class="mask">
<a class="arrow left off"><-</a>
<a class="arrow left on" href="javascript:void(0);"><-</a>
<ul>
<dsp:droplet name="ForEach">
<dsp:param name="array" value="${listRecommended}"/>
<dsp:oparam name="empty">no recommended apps</dsp:oparam>
<dsp:oparam name="output">
<li>
<a href="javascript:void(0);"><img src="${resourcePath}/images/apps/carousel-image1.jpg" alt="bakery story"/></a>
<a href="javascript:void(0);"><dsp:valueof param="element.displayName"/></a><br/>
<dsp:getvalueof var="averageRating" param="element.averageRating"/>
<dsp:getvalueof var="rating" param="count"/>
<div class="rating">
<div class="medium">
<dsp:droplet name="For">
<dsp:param name="howMany" value="${averageRating}"/>
<dsp:oparam name="output">
<input checked="checked" class="star {split:1}" disabled="disabled" name="product-similar-'${rating}'" type="radio">
</dsp:oparam>
</dsp:droplet>
</div>
</div>
</li>
</dsp:oparam>
</dsp:droplet>
</ul>
</div>
<a class="arrow right off">-></a>
<a class="arrow right on" href="javascript:void(0);">-></a>
</div>
and javascript library is jquery.carouFredSel-4.0.3-packed.js.
Please let me know if someone has faced similar problem.
thanks in advance
Hemish
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
如果您找不到解决方案,我建议您使用 http://jqueryfordesigners.com/jquery-无限轮播/。我最近在寻找一个旋转木马,发现这是最简单、最容易玩的。
这也防止了其他轮播给我带来的 jQuery 版本冲突。
If you don't find a solutions, I would recommend you use http://jqueryfordesigners.com/jquery-infinite-carousel/. I was looking for a Carousel recently, and found this the easiest and most easy to play around with.
This also prevented a jQuery Version Conflict which other Carousels were giving me.