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

이 수도 있고 작동하지 않을 수 있습니다,이 테스트하지 않았습니다.

깨끗한 해결책은 아니지만 $('.iAmTest').html(result); 행 뒤에 $(window).trigger("resize");으로 전화 할 수 있습니다. 플러그인 스크립트에는 창 크기 조정 이벤트에 첨부 된 setuppanels();이라는 함수가 있습니다. 다시 콘텐츠를 초기화합니다.

출처

2014-01-22 03:05:41 dakdad

감사합니다. 이것은 중첩 된 문제를 해결했습니다. 그러나 슬라이더 기능은 여전히 작동하지 않습니다. 슬라이더 래퍼의 일반적인 크기로 크기가 조정되지만 슬라이더의 그림은 래퍼보다 작게 보이며 슬라이드되지 않습니다. 초기화하지 않거나 플러그인 스크립트를 찾을 수 없습니까? 도중 오류가 발생하지 않았습니다. – curiozity

"플러그인 스크립트"를 ajax "complete"기능에 추가하여 해결했습니다. – curiozity

Ajax 호출에서 겹치는 문제 : 성공

답변

관련 문제