Question

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

<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>';

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

Answer 1

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

        $('.scroll').jScrollPane();
    }, 300000);   
</script>

Answer 2

最后通过@ ThulasiRam的想法解决了这个问题。尽管做了一个小小的改变。

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

jScrollPane重置为原始课后刷新

2 个答案: