jquery - Scrollpane 在一个 div 上不起作用，但在另一个 div 上起作用 - 都是动态内容

Question

已经看了好几个小时了……尽管重新初始化了滚动 Pane ，但滚动 Pane 正在处理一个 div ( #search_results)，但不是在另一个通过 Ajax 动态加载内容的 div 上。您可以在 130.95.21.121/museum/search.php 查看该站点

单击系统复选框并选择消化系统，然后在下一个菜单中选择肝脏并单击搜索。您会看到滚动 Pane 在该 div ( #search_results) 中显示良好。然后单击#search_results div 中的几个链接以获取一些长度超过#specimen_content_left 的内容。内容加载的位置(例如 T56.M57413)。尽管在该 div 上有溢出:自动并用 <p></p> 包装动态内容作为:

$('#search_results').on('click', '.specimen_link', function(){
$.ajax({
        type: "POST",
        url: 'scripts/get_specimen.php',
        data: {
            specimen: $(this).attr("data-link"),
        },
        success: function(data) {
            $('#specimen_content_left').html('<p>' + data + '</p>');
            $('#specimen_content_left').jScrollPane({autoReinitialise: true});
            }
});
});

溢出在 Firefox 检查器中显示为隐藏。尝试设置 overflow:auto !important并且显示标准滚动条，但没有滚动 Pane 。

有什么想法吗？

Answer 1

这不是 jscrollpane 问题的答案，但仍然是一个解决方案。

我决定使用 Malihu Jquery 自定义内容滚动器，它工作得很好。强烈推荐将此作为滚动 Pane 的替代方案，滚动 Pane 似乎没有太多主动支持，无论是在这里、Github 还是由开发人员提供。你可以从http://manos.malihu.gr/jquery-custom-content-scroller/得到它