Блог

Главная - Вопросы по программированию - Как я могу динамически добавлять слайдер jquery, включая функцию слайда?

Как я могу динамически добавлять слайдер jquery, включая функцию слайда?

#javascript #jquery #css

#javascript #jquery #css

Вопрос:

Я написал код, который запускается в раскрывающемся списке опций, чтобы добавить разные слайдеры

 $( "#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 ] ;

 
      }
    });

но всякий раз, когда я добавляю новый слайдер, предыдущие слайдеры перестают работать.
что я могу сделать?

Комментарии:

1. Опубликуйте свой html, пожалуйста

2. в html просто есть div, куда я нажимаю этот недавно созданный слайдер div. Надеюсь, это поможет

3. Пожалуйста, поделитесь выпадающим кодом щелчка?

4. это довольно сложно, но суть в том, что я создаю div с идентификатором slider_ (номер), а затем добавляю .slider функцию к этому идентификатору

5.Возможно, причина может быть id . Потому что id selector #slider всегда будет выбираться первый соответствующий элемент с этим id=slider . Таким образом, вы всегда можете привязываться slider к одному и тому же первому элементу.