свяжите слайдер JQuery с домом

Question

У меня есть слайдер jquery UI в ajax-части моей веб-страницы.если я перезагружаю эту часть с помощью ajax, слайдер исчезает.Я предполагаю, что мне нужно прикрепить ползунок к DOM, но похоже, что ему нужно событие, к которому нужно прикрепить, например:

$(".radio").on("click", function () {

, но я не знаю, какое событие мне нужно прикрепить там?

thx

текущий html:

$(function() {
  var handle = $("#custom-handle");
  $("#custom-handle").text(sizes[0].value);
  $("#slider").slider({
    create: function() {},
    min: 0,
    max: sizes.length - 1,
    step: 1,
    slide: function(event, ui) {
      handle.text(sizes[ui.value].value);
    }
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<div id="slider">
  <div id="custom-handle" class="ui-slider-handle"></div>
  <br>
</div>

Answer 1

У меня есть слайдер jquery ui в ajax-части моей веб-страницы.если я перезагружаю эту часть с помощью ajax, ползунок исчезает.

Заменяете ли вы HTML-код ползунка в ajax?т.е. вы заменяете этот div?

<div id="slider">
  <div id="custom-handle" class="ui-slider-handle"></div>
  <br>
</div>

Если это так, то я не думаю, что проблема связана с привязкой ... Вы пытались повторно инициализировать ползунок после завершения вызова ajax?

$.ajax({
    type: 'post',
    url: 'some url',
    success: function(data) {                       
        initializeSlider();
    }
});      

function initializeSlider() {
    $("#slider").slider({
        create: function() {},
        min: 0,
        max: sizes.length - 1,
        step: 1,
        slide: function(event, ui) {
            handle.text(sizes[ui.value].value);
        }
    });
}