0

嗨，我对 jQuery、jScrollPane 和使用 AJAX 加载数据有疑问。当我有一个 div 的静态数据时，滚动窗格可以正常工作，但是一旦我在 div 中使用 AJAX 加载数据，滚动窗格就会消失。

我知道在那之后我必须重新初始化滚动窗格，所以我正在这样做..但可能是错误的，因为它不起作用。

因此，以下示例在加载时可以正常工作，但是当我单击主页按钮时，滚动条会消失。有什么建议么？

代码：

<html>
<head>
<title>Title of my page</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link type="text/css" href="jquery/jquery.jscrollpane.css" rel="stylesheet" media="all" />
<script src="jquery/jquery-1.4.2.min.js"></script>

<!-- the jScrollPane script -->
<script type="text/javascript" src="jquery/jquery.jscrollpane.min.js"></script></head>
<body style="background-color: black;">
<div style="background-image: url(test.jpg);background-repeat: no-repeat;  width: 1024px; height: 768px; margin-left: auto; margin-right: auto;">
    <div id="menu">
        <script type="text/javascript">
        $(document).ready(function(){

                        reinitialiseScrollPane = function()
            {
                $('#contents').jScrollPane();

            }

            $("#home").click(function(){ $("#contents").load("lorem.php", '', reinitialiseScrollPane); });


                        $("#contents").jScrollPane();   

        });
        </script>
        <a id="home"><span>Home</span></a>

    </div>
    <div id="website">
        <div id="contents" name="contents">

        </div>

    </div>
</div>
</body>
4

2 回答 2

0

你需要在ajax中重新加载滚动面板功能，当你打电话给他时，我想......

于 2010-11-25T12:09:26.503 回答
0

这花了我很长时间来解决，将各种位拼凑在一起，因为大多数示例都使用 append。我知道一个迟到的回复，但希望能帮助别人

    function loadNews(eid){
        var pane = $('#storyColumnNewsStory').jScrollPane({scrollbarWidth:12, scrollbarMargin:8, autoReinitialise: true});
        var contentPane = pane.data('jsp').getContentPane();
        var jspapi = pane.data('jsp');

        contentPane.load('_news.php', {'eid':eid}, 
            function(){ jspapi.reinitialise(); }
        );
    }


    $(document).ready(function() {
            loadNews(0);
    });
于 2011-10-14T19:28:36.630 回答