jScrollPane在类刷新后重置回原始状态 - jScrollPane resets back to original after class refresh

jScrollPane resets back to original after class refresh

我有一个网站，其中包含一个包含Youtube视频及其评论的部分。使用以下代码，div 类中的注释每 5 分钟刷新一次：

<script type="text/javascript">
    setInterval(function(){
        $(".comments").load("test.php .comments");
    }, 300000);
</script>

评论的滚动器由jScrollPane提供支持。但是，在刷新评论后，滚动条将消失并恢复为原始浏览器滚动条。我尝试调整上面的脚本，以便也刷新滚动条，但没有希望。

注释的容器如下所示

    echo '<div class="comments scroll">';
        $feedURL = curl_init("http://gdata.youtube.com/feeds/api/videos/{$cut}/comments");
            curl_setopt($feedURL, CURLOPT_RETURNTRANSFER, true);
            curl_setopt($feedURL, CURLOPT_HEADER, 0);
        $data = curl_exec($feedURL);
            curl_close($feedURL);
        $sxml = new SimpleXmlElement($data);            
        foreach($sxml->entry as $comment)
            {
            echo '<p>',$comment->content,'</br><i>',$comment->author->name,'</i></br>','</p>';
            }
    echo '</div>';

有人可以就如何解决此错误提供建议吗？提前谢谢。

<script type="text/javascript">
    setInterval(function(){
        $(".comments").load("test.php");
        $('.scroll').jScrollPane();
    }, 300000);   
</script>

终于解决了它，这要归功于@ThulasiRam的想法。不过做了一个小改动。

<script type="text/javascript">
   setInterval(function(){
      $(".comments").load("test.php .comments");
      $('.scroll').jScrollPane({showArrows:true});
   }, 300000);   
</script>