2011-10-01 6 views
0

내 사이트에서 jScrollPane을 사용했습니다. 또한 ajax를 사용하여 jScrollPane이 사용되는 동일한 div에있는 데이터를 업데이트합니다. 이제 div에 반환 된 데이터를 추가하면 스크롤 막대가 추가 된 텍스트에 표시되지 않습니다. 문서가로드 될 때 jQuery 함수가 호출 되었기 때문에이 문제를 해결할 수있는 아이디어가 있습니까? 여기에 기사를 http://jscrollpane.kelvinluck.com/auto_reinitialise.html 읽었지만이 문제를 해결할 수는 없습니다. 여기 코드는 다음과 같습니다jScrollPane 문제

function scrollfunction($value){ 
    var ajaxRequest; // The variable that makes Ajax possible! 

     try{ 
      // Opera 8.0+, Firefox, Safari 
      ajaxRequest = new XMLHttpRequest(); 
     } catch (e){ 
      // Internet Explorer Browsers 
      try{ 
       ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP"); 
      } catch (e) { 
       try{ 
       ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP"); 
      } catch (e){ 
       // Something went wrong 
       alert("Your browser broke!"); 
       return false; 
      } 
       } 
      } 
      // Create a function that will receive data sent from the server 
      ajaxRequest.onreadystatechange = function(){ 
       if(ajaxRequest.readyState == 4){ 
        $(ajaxRequest.responseText).appendTo(".div1"); 
       } 
      } 
      ajaxRequest.open("GET", "process.php" , true); 
      ajaxRequest.send(null); 
} 

$("document").ready(function() { 
    $(".div1").jScrollPane(); 
}); 
+0

한 시간에 두 번째로 같은 질문을했습니다. 이 질문의 첫 번째 인스턴스를 편집하여 여기에 추가 된 코드를 포함하면됩니다. – adeneo

+0

가능한 [jScrollPane에 대한 문제] (http://stackoverflow.com/questions/7620613/trouble-with-jscrollpane) –

답변

2
$("document").ready(function() { 
    $(".div1").jScrollPane({autoReinitialise: true}); 
}); 

거기 jQuery의 $ 아약스, 나는 모든 핸들러 및 함수에 작성하는 기능은 이미에 $ 아약스에 내장되어 믿기를 사용하지 않는 좋은 이유는.

$.ajax({ 
    type: "GET", 
    url: "process.php", 
    dataType: "text", 
    success: function(data){ 
    $(data).appendTo(".jspPane"); 
    } 
}); 

jspPane은 일반적으로 jScrollPane에 의해 생성 된 컨테이너이므로 해당 컨테이너에 직접 추가하십시오.

+0

나는 그것을 시도했지만 작동하지 않습니다 !! : – shr3jn

+0

jQuery에서 초보자이고 전에 $ .ajax를 사용해 본 적이 없습니다 !! – shr3jn

+0

대단히 고마워요! – shr3jn