Tag: sliders

我的所有（jQuery UI）单个滑块都获得相同的值

我希望当我滑动每一个滑块时，同一页面的每个滑块都有自己的值。 当我滑动其中一个滑块时，每个滑块的“滑块”按计划作为条件背景颜色工作，但所有滑块的值都相同。 这是我的JS代码： $(document).ready(function() { $(‘.slider’).slider({ value: 5, min: 1, max: 10, step: 1, slide: function( event, ui ) { $( “.ui-slider-handle” ).text(ui.value); switch(ui.value){ case 1: { $(this).css(‘background’, ‘darkred’); break;} case 2: { $(this).css(‘background’, ‘red’); break;} case 3: { $(this).css(‘background’, ‘orange’); break;} case 4: { $(this).css(‘background’, ‘gold’); break;} case 5: { $(this).css(‘background’, ‘yellow’); break;} case […]

BxSlider将最后一张幻灯片显示为第一张幻灯片

我创建了4个滑块。 最初所有4个都是隐藏的（显示：无），所以我使用此代码显示相应滑块，点击其各自的类别。 滑块配置。 touchEnabled: true, hideControlOnEnd: true, preloadImages: ‘all’, infiniteLoop: false, mode: ‘horizontal’, startSlide: 0, slideWidth: 300, minSlides: 2, maxSlides: 3, slideMargin: 10, pager: false, slideSelector: “.isotope-item”, nextSelector: “#forefoo2_next”, prevSelector: “#forefoo2_prev”, nextText: ”, prevText: ”, onSliderLoad: function(){ jQuery(“.sliloading”).hide(); }, jQuery(window).ready(function(){ var slider4 = jQuery(‘.cat_fore’).bxSlider(); var slider2 = jQuery(‘#cat_two’).bxSlider(); var slider3 = jQuery(‘.cat_three’).bxSlider(); var slider1 = […]