jQuery 슬라이더는 jQuery 팝업 내에서 한 번만 초기화합니다.

Question

두 개의 jQuery 슬라이더 객체가 있습니다. 그들은 jQuery 팝업 상자를 채우기 위해 $ .get을 통해 호출되는 PHP 스크립트에 있습니다. 팝업은 메인 페이지의 버튼에 의해 트리거됩니다. 슬라이더는 처음 jQuery 팝업 상자가 호출 될 때 완벽하게 초기화됩니다. 그러나 팝업 상자를 다시 호출하기 위해 단추를 다시 클릭하면 슬라이더가 초기화되지 않습니다. 어떤 아이디어로 문제가 발생할 수 있습니까?

<?php 
echo <<<EOD 
    Fleet Persistence: <br><br><br> 
    <div id="persistence-slider">Testy Test Test</div><br><br><br> 
    Fleet Spread: <br> 
    <div id="spread-slider"></div> 
    Fleet Behavior: <br> 
EOD; 
?> 
<script> 
    sliders(); 
    function sliders(){ 
     slider = $("#persistence-slider"); 
     slider.slider(); 

     $("#spread-slider").slider() 
     alert("slidersdone"); 
    } 
</script> 

Answer 1

발견. 실수로/div/팝업을 두 번 만들었습니다. 이로 인해 모든 종류의 이상한 오류가 발생했습니다. 문제는 제 생각으로 jQuery가 어떤 것을 호출하려고하는지 혼란스러워하고 다른 시간에 두 개의 상자를 초기화했습니다. 지금은 다림질 됐습니다. 그래도 도움을 주셔서 감사합니다.

Answer 2

내가 재() 호출 바로 $의 갔지 후되는 .done() 메소드를 사용합니다 : 여기

팝업 상자의 HTML을 채우는 PHP 스크립트에서 관련 코드 슬라이더를 적용하십시오.

$.get('http://yourajax.call').done(function(){ 
    $("#persistence-slider").slider(); 
    $("#spread-slider").slider() 
});