Question

如果我安装jScrollPanel它工作正常，但是当我尝试从ajax捕获内容时，它不会创建滚动条，因为它仍然认为没有内容。

所以我的问题是，如何重新渲染jScrollPanel，现在它必须打开/关闭滚动条？

这是我的捕捉脚本：

 "chatlog": function() {
      $.ajax({url: '?chatlog=&' + new Date(),success: function(data){
         if ( nagoom.trim(data) != "") {
            $('#__chatlog').html(data);

        }
      }});
     }

这是我安装它的地方：

$('aside .chat-entity').jScrollPane({
        showArrows: true,
        verticalGutter: -13,
        autoReinitialise: true
});

我正在使用此脚本http://jscrollpane.kelvinluck.com/less_basic.html

Answer 1

显然，API对象上有一个重新初始化方法。在您的响应函数中包含此内容。有关这方面的更多信息，请访问here

编辑：之前我没有使用过这个脚本所以我在提供代码时犹豫不决，但我认为它会像以下那样工作：

success: function(data){
     if ( nagoom.trim(data) != "") {
        $('#__chatlog').html(data);
        jScrollPaneObjectReference.data('jsp').reinitialise();
    }
  }

其中jScrollPaneObjectReference是构造面板时返回的对象

编辑：我会进一步澄清。 jScrollPaneObjectReference应该引用执行此操作时返回的对象：

$('aside .chat-entity').jScrollPane({ showArrows: true, verticalGutter: -13, autoReinitialise: true });

尝试将其放在代码的顶部：

window.jScrollPaneObjectReference = $('aside .chat-entity').jScrollPane({ showArrows: true, verticalGutter: -13, autoReinitialise: true });

编辑：尝试删除autoReinitialise参数。

jScrollPanel jQuery costom滚动重新渲染

1 个答案: