jQuery滑塊只在jQuery彈出窗口中初始化一次

Question

我有幾個jQuery滑塊對象。他們生活在一個php腳本中，通過$ .get調用來填充jQuery彈出框。彈出窗口由主頁面上的按鈕觸發。第一次調用jQuery彈出框時，滑塊初始化完美。但是，如果我再次單擊該按鈕以再次調用彈出框，則滑塊不會初始化。任何想法可能導致這個問題？

下面是PHP腳本的相關代碼，用於填充彈出框的HTML：

<?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（）方法的$不用彷徨之後（）調用重新應用滑塊。

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