在jQuery jScrollPane中加载ajax内容的问题

嗨，我有jQuery，jScrollPane和用AJAX加载数据的问题。当我有一个div的静态数据滚动窗格工作正常，但只要我加载数据AJAX在div中滚动窗格消失。在jQuery jScrollPane中加载ajax内容的问题

我知道我必须在此之后重新初始化scrollpane，所以我正在做这个..但可能错误，因为它不工作。

因此，以下示例在加载时工作正常，但当单击主页按钮滚动条消失时。有什么建议么？

代码：

<html> 
<head> 
<title>Title of my page</title> 
<link rel="stylesheet" type="text/css" href="style.css"> 
<link type="text/css" href="jquery/jquery.jscrollpane.css" rel="stylesheet" media="all" /> 
<script src="jquery/jquery-1.4.2.min.js"></script> 

<!-- the jScrollPane script --> 
<script type="text/javascript" src="jquery/jquery.jscrollpane.min.js"></script></head> 
<body style="background-color: black;"> 
<div style="background-image: url(test.jpg);background-repeat: no-repeat; width: 1024px; height: 768px; margin-left: auto; margin-right: auto;"> 
    <div id="menu"> 
     <script type="text/javascript"> 
     $(document).ready(function(){ 

         reinitialiseScrollPane = function() 
      { 
       $('#contents').jScrollPane(); 

      } 

      $("#home").click(function(){ $("#contents").load("lorem.php", '', reinitialiseScrollPane); }); 


         $("#contents").jScrollPane(); 

     }); 
     </script> 
     <a id="home"><span>Home</span></a> 

    </div> 
    <div id="website"> 
     <div id="contents" name="contents"> 

     </div> 

    </div> 
</div> 
</body>

来源

2010-09-24 Cor-Paul

也非常欢迎其他选择！ – 2010-09-25 12:02:09

您需要在阿贾克斯重新加载滚动屏功能，当你打电话给他，我想......

来源

2010-11-25 12:09:26 tegritol

不知道AJAX是男人吗？ – 2011-12-24 23:05:49

这我花了年龄来解决，拼凑各个位因为大多数例子都使用append。我知道很晚的回复，但希望能帮助别人

function loadNews(eid){ 
     var pane = $('#storyColumnNewsStory').jScrollPane({scrollbarWidth:12, scrollbarMargin:8, autoReinitialise: true}); 
     var contentPane = pane.data('jsp').getContentPane(); 
     var jspapi = pane.data('jsp'); 

     contentPane.load('_news.php', {'eid':eid}, 
      function(){ jspapi.reinitialise(); } 
     ); 
    } 


    $(document).ready(function() { 
      loadNews(0); 
    });

来源

2011-10-14 19:28:36 JulianB

在jQuery jScrollPane中加载ajax内容的问题

回答

相关问题