我想在我的混合应用中插入一个“滑块”。 我需要每个幻灯片包含一个图像和一些文本。我希望它不是一个整页滑块,而是一个部分隐藏的页内滑块,就像亚马逊应用程序一样:
哪个是最好的Jquery Mobile + Phonegap友好滑块? (我听说过Photoswipe,Swiper,Flexslider,...)
由于
答案 0 :(得分:2)
我选择了Flexslider V2,它似乎运行良好:http://www.woothemes.com/flexslider/
$(document).on('pageshow','#result-page', function(){
var suggestionSlider = $('.flexslider').flexslider({
animation: "slide",
animationLoop: false,
//slideshow: false,
itemWidth: 70,
//itemMargin: 5,
pausePlay: false,
touch: true,
//useCSS : false,
pauseOnAction: true
});
var slider = $('.flexslider').data('flexslider');
for (i = 0; i < matched.length; ++i) {
slider.addSlide('<li><a class="suggestPro" proId="'+matched[i]['id']+'" href="#"><span><img src="images/boards/'+matched[i]['imageName']+'" /></span>'
+'<p class="flex-caption">'+matched[i]['model']+'</p></a></li>'
);
}
$('.flexslider').resize();
});
然而V2.2在Android手机上滚动不好(触摸水平滚动),任何提示都会被贬值。