我试图在一页上插入两个滑动轮播。
因此,如果我使用以下实例方法,则轮播可以正常工作(页面中的单个轮播)
synchronized
但是当我在页面中有两个滑动轮播时,即使它们具有不同的条件,它们的行为也相同。那是我的主要问题。我可以使用php设置值ArrayList
。
假设我添加了两个轮播,尽管我为它们设置了mySwiper = new Swiper('.swiper-container', {
//conditions
slidesPerView: slides_per_view,
});
不同,但它们的行为相同。
我的HTML中有
slides_per_view
现在,我想要两个新的Swiper实例,它们的信息包含在slides_per_view
变量中,这样我就可以避免在那里发生冲突
data-settings = { slides_per_view:3 } // for first carousel
data-settings = { slides_per_view:6 } // for Second carousel
var cggowl_jav_info_cont = $scope.find('.cggowl-row');
var cgggowl_settings = cggowl_jav_info_cont.data('settings');
console.log( cgggowl_settings ); //this shows the two objects with slides_per_view as 3 and 6