jquery - 无法重新初始化 jScrollPane（使用 Ajax）

Question

我在我的页面中使用以下代码，以便重新初始化 jScrollPane，用于通过 ajax 刷新其内容的 div：

<script>
    var $j = jQuery.noConflict();
    $j(document).ready(function() {

        $j('#map_data').jScrollPane({
               showArrows: true,
               autoReinitialise: false
        });

        $j('.country .point').click(function () {
            var point_id = $j(this).attr('id');
            theCall(point_id);
        });

    });

    function theCall(pointid) { 
        $j.ajax({
            type: 'POST',
            url: 'my_ajax_receiver.php',
            data: {point_id: pointid}, 
            dataType: 'html',     

            success: function(a) {
                            $j("#map_data").html(a);

                            var api = $j("#map_data").jScrollPane().data('jsp');
                            api.getContentPane().html(a);
                            api.reinitialise(); 
            }

        });
    }
</script> 

我搜索并测试了有关此问题的许多其他解决方案，但到目前为止没有任何效果。我看不出这段代码有什么问题。有人可以帮我吗？

Answer 1

不知何故它现在正在工作，这是正确的代码，它可能对其他人有帮助

<script>
    var $j = jQuery.noConflict();
    $j(document).ready(function() {

        $j('.country .point').click(function () {
            var point_id = $j(this).attr('id');
            theCall(point_id);
        });

    });

    function theCall(pointid) { 
        $j.ajax({
            type: 'POST',
            url: 'my_ajax_receiver.php',
            data: {point_id: pointid}, 
            dataType: 'html',     

            success: function(a) {
                            $j("#map_data").html(a);

                            var api = $j('#map_data').jScrollPane({}).data('jsp');
                            api.reinitialise(); 
            }

        });
    }
</script>