大佬教程收集整理的这篇文章主要介绍了jquery – 从jCarousel插件中删除项目,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
你可以看到我走了多远here.
尝试删除一些项目,然后向右滚动,你最终会看到一个“emtpy scroll”,这就是我想要摆脱的东西.
我尝试过使用remove(); jQuery函数而不是将css更改为display:none;但这会产生一个奇怪的白色空白区域.
如果你看看第400行的jquery.jcarousel.js,你会看到一个删除函数,但我不确定如何使用它.
任何帮助深表感谢.谢谢!
因为这一切,我在jCarousel类上写了一个额外的方法来完成它.您调用removeAndAnimate(1)来删除轮播中的第一项并重建所有内容,以便启用/禁用next / prev按钮,即可.
另外值得注意的是,jCarousel提供的remove()函数可以防止您删除当前正在显示的项目,这正是我们想要做的事情(例如,允许用户通过点击它来从旋转木马中删除图像) .
removeAndAnimate(i)的实现:
removeAndAnimate: function(i) { var e = this.get(i); var d = this.dimension(E); if (i < this.first) this.list.css(this.lt,$jc.intval(this.list.css(this.lt)) + d + 'px'); e.remove(); this.options.size--; var di = this.options.visible != null ? Math.ceil(this.clipping() / this.options.visiblE) : null; var li = this.list.children('li'); var self = this; if (li.size() > 0) { var wh = 0,i = this.options.offset; li.each(function() { self.format(this,i++); wh += self.dimension(this,di); }); this.list.css(this.wh,wh + 'px'); } this.scroll(0,truE); this.buttons(); }
我建议在remove()实现后直接放置它.要使用jQuery访问jCarousel实例本身,在回调函数之外:
var carousel = $("#mycarousel").data("jcarousel"); carousel.removeAndAnimate(1);
这应该工作!
以上是大佬教程为你收集整理的jquery – 从jCarousel插件中删除项目全部内容,希望文章能够帮你解决jquery – 从jCarousel插件中删除项目所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。