아약스 후 JScrollpane 작동하지 않습니다

Question

그래서 내 div에 일부 내용을로드 한 후 jscrollpane을 초기화하려고했지만 작동하지 않습니다. 여기 내 코드가있다. 너희들이 무엇이 잘못되었는지 말해 줄 수 있는지 보아라.

아약스 (JQuery와)

$("#mision").click(function() { 
     var id = this.id; 
     $.ajax({ 
      url: template + "/acciones.php", 
      type: "POST", 
      data: "id=" + id, 

      complete: function() { 

      }, 

      success: function(x) { 
      $("#cargaContenido").html(x); 
       $("#scrollpro").css({'height':(($(window).height())-361)+'px'}); 
     $('#scrollpro').jScrollPane({ 

     }); 

     $(window).resize(function(){ 
      $('#scrollpro').css({'height':(($(window).height())-301)+'px'}); 
      $('#scrollpro').jScrollPane({autoReinitialise: true}); 
     }); 
       $("#scrollpro").trigger('resize'); 

     }, 

      error: function() { 
      //called when there is an error 
      }, 
     }); 

    }); 

그것은 지금 작업을 수행합니다!

Answer 1

이 시도 :

$("#mision").click(function() { 
    var id = this.id; 
    $.ajax({ 
     url: template + "/acciones.php", 
     type: "POST", 
     data: "id=" + id, 

     complete: function() { 
     $('#cargaContenido').jScrollPane().fadeIn(); 
     }, 

     success: function(x) { 
     $("#cargaContenido").html(x); 

    }, 

     error: function() { 
     //called when there is an error 
     }, 
    }); 

}); 

Answer 2

그것은 fadeIn 애니메이션과 함께 할 수있는 뭔가가있을 수 있습니다. jScrollPane이 애니메이션을 재생하는 동안 컨텐츠를 측정 할 수 있다고 생각하지 않습니다. 적어도 내 추측이야.

대신을 시도해보십시오

$("#cargaContenido").html(x).fadeIn(500, function() { 
    //Callback when the fadeIn is complete 
    $('#cargaContenido').jScrollPane(); 
});