Ajax調用的重疊問題：成功

我面對Ajax調用後的重疊問題。我爲我的網格佈局使用了一個名爲「Nerve Slider」的插件（如您在here（在最右側）所見）。Ajax調用的重疊問題：成功

之後，我這樣做：

<script type="text/javascript"> 
$(function(){ 
    $('.kategori-link').click(function(){ 
     $.ajax({ 
      type: 'POST', 
      url: '<?php echo base_url('tr/main/index'); ?>', 
      data: {kategori:'ucak-bileti'}, 
      dataType: 'html', 
      success: function(data){ 

       var result = $('<div />').append(data).find('.iAmTest').html(); 
       $('.iAmTest').html(result); 
       //console.log(result); 
      }, 

      error: function(){ 
       alert("Sorry! Something went wrong!"); 
      } 
     }); 
     return false; 
    }); 
});

所有網格（每個網格都有圖片，標題，信息，你在上面的鏈接查看），我的數據庫交互重疊後得到了！你認爲這會發生什麼？

謝謝！

編輯插件腳本：

$(function(){ 
    $(".slider-wrapper").nerveSlider({ 
     sliderWidth: "100%", 
     slideTransitionSpeed: 700, 
     slideTransitionEasing: "easeInOutExpo", 
     slidesDraggable: true, 
     sliderResizable: true, 
     sliderFullscreen: false 
     }); 
}); 

$(function(){ 
    $(".cnt-slider-wrapper").nerveSlider({ 
     sliderAutoPlay: false, 
     slideTransitionSpeed: 700, 
     slideTransitionEasing: "easeInOutExpo", 
     slidesDraggable: true, 
     sliderResizable: true, 
     sliderFullscreen: false, 
     showPause: false 
     }); 
    $(".iAmTest").puzzleGrid({ 
    // options... 
    }); 
});

來源

2014-01-22 curiozity

這可能會或可能無法正常工作，我沒有測試過這一點。

雖然不是一個乾淨的解決方案，你可以撥打$(window).trigger("resize");後$('.iAmTest').html(result);線。插件腳本具有一個名爲setuppanels();的函數，該函數附加到窗口大小調整事件。重新初始化內容。

來源

2014-01-22 03:05:41 dakdad

感謝您的解答！這適用於重疊問題。但滑塊功能仍然無法正常工作。它調整爲滑塊包裝的正常大小，但滑塊中的圖片看起來小於其包裝，並且不會滑出。它不初始化或找不到插件的腳本？沒有錯誤捕捉的方式。 – curiozity

我通過將「插件腳本」添加到ajax「complete」函數中解決了這個問題。 – curiozity

Ajax調用的重疊問題：成功

回答

相關問題