时间戳

首页 > 解决方案 > 如何动态添加 jquery 滑块，包括幻灯片功能？

javascript - 如何动态添加 jquery 滑块，包括幻灯片功能？

问题描述

我编写了一个在下拉选项上运行的代码单击以添加不同的滑块

$( "#slider-"+layerDirectory[tag.innerText]["localid"] ).slider({
      range: true,
      min: parseInt(layerDirectory[tag.innerText]["minval"] ),
      max:  parseInt(layerDirectory[tag.innerText]["maxval"] ),
      step: (layerDirectory[tag.innerText]["maxval"] - layerDirectory[tag.innerText]["minval"])/10,
      values: [  parseInt(layerDirectory[tag.innerText]["minval"] ),  parseInt(layerDirectory[tag.innerText]["maxval"] ) ],
      slide: function( event, ui ) {
         document.getElementById('price_'+layerDirectory[tag.innerText]['localid']).innerText= "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] ;

 
      }
    });

但是每当我添加新滑块时，以前的滑块就会停止工作。我能做些什么？

标签： javascriptjquerycss

解决方案

推荐阅读