Flexslider-通过ng repeat更新图像-宽度不正确
Flexslider - Updating Images via ng-repeat - Incorrect Width
我有一个带有图像滚动的页面,我正在使用Flexslider来实现这一点。
现在图像是基于日期排序的-所以我点击最后7天-它显示我最后7天的图像(数据通过AngularJS发送和接收)。
现在。接收到JSON时返回的数据是-好的。
问题是,当数据通过FlexSlider在视图中返回和更新时-FlexSlider会使用新数据进行更新,但FlexSlider的宽度会根据以前存在的最大元素保持不变。
为什么?有人能帮忙吗?
<div class="recent_uploads mar_btm" ng-controller="recentuploadsController">
<div class="mar_btm titl_img"><h6>Recent Uploads</h6><!--<img alt="recent uploads" src="<?php echo base_url();?>public/image/net03.png">--></div>
<input type="text" ng-model="search.text" class="community-searching hide">
<button ng-click="clearSearch()" class="hide">clear</button>
<div class="rec_uplist_cont">
<div class="rec_uplist_slider">
<div class="flex-viewport" style="overflow: hidden; position: relative;">
<ul class="slides" style="width: 800%; transition-duration: 0.6s; transform: translate3d(-240px, 0px, 0px);">
<div class="recnt_info" ng-if="recentupload!=null"><p> No Data Found</p></div>
<li id="apptest" style="width: 226px; float: left; display: block;" class="animate-repeat" ng-repeat="recentupload in recentuploads | filter:search.text">
<div class="rec_uplist" >
<div class="recnt_info">{{recentupload.user}} <span class="timeago" title="{{recentupload.time}}">{{recentupload.time}}</span></div>
<a href="#" data-toggle="modal" data-target="#view_video"><img width="226" ng-click="showvideo(recentupload.id)" height="127" src="http://img.youtube.com/vi/{{recentupload.embededCode}}/0.jpg" /></a>
<a href="#" ng-click="showvideo(recentupload.id)" >{{recentupload.vtitle}}</a>
</div>
</li>
</ul>
</div>
<ol class="flex-control-nav flex-control-paging"><li><a class="">1</a></li><li><a class="flex-active">2</a></li></ol><ul class="flex-direction-nav"><li><a href="#" class="flex-next">Next</a></li><li><a href="#" class="flex-prev">Previous</a></li></ul></div>
</div>
</div>
尝试从DOM
分离或删除flexslider
,然后初始化新库。
有关如何删除flexslider
HERE 的更多信息
相关文章:
- Flexslider-通过ng repeat更新图像-宽度不正确
- 当缩放级别为 1 时,谷歌地图显示 kml(内部是图像 URL)不正确
- 动态模式下的 lightGallery:单击时加载的图像不正确
- HTML5 画布图像数据不正确的 rgb 值
- 图像属性格式不正确
- 图像滑块缓存后显示不正确
- java 脚本滑块触发器上显示的图像不正确
- 使用 jQuery 滑块缩放图像的位置不正确
- 图像加载不正确
- 图像旋转不正确
- 资源加载不正确,图像部分加载
- 图像滑块加载不正确
- JavaScript 绘制图像高度不正确
- 旋转木马图像移动到不正确的地方点击事件
- 在Firefox和Opera中使用图像映射时,顶部偏移量返回不正确
- Express:背景图像的MIME类型不正确
- 当用户单击按钮时,图像显示不正确
- 当使用getImageData时,在移动设备上获得大图像的不正确数据
- 刷新页面后图像位置不正确
- 图像滑块不正确地出现在eBay