2011-10-01 82 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