Jquery 将tinyscrollbar与ajax结合使用_Jquery_Ajax

Jquery 将tinyscrollbar与ajax结合使用

jquery ajax

Jquery 将tinyscrollbar与ajax结合使用,jquery,ajax,Jquery,Ajax,我正在尝试将tinyscrollbar（）用于ajax加载的内容。我的原始页面有一个如下的div： <div id="content-wrap" style="display:none;"> </div> <div id="content"> <div id="scrollbar1"> <div class="scrollbar"><div class="track"><div cl

我正在尝试将tinyscrollbar（）用于ajax加载的内容。我的原始页面有一个如下的div：

<div id="content-wrap" style="display:none;">        
</div>

<div id="content">
    <div id="scrollbar1">
    <div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
    <div class="viewport">
    <div class="overview">
        //some content
        //some more content
    </div></div></div>  
</div>

被调用的内容如下所示：

<div id="content-wrap" style="display:none;">        
</div>

<div id="content">
    <div id="scrollbar1">
    <div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
    <div class="viewport">
    <div class="overview">
        //some content
        //some more content
    </div></div></div>  
</div>


//一些内容
//更多内容

但它根本不起作用。我做错了什么？

我首先创建了一个名为content.htm的文件，如下所示

<html>
<body>
<div id="content">
    <div id="scrollbar1">
    <div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
    <div class="viewport">
    <div class="overview">
        <p>//some content</p>
        <p>//some content</p>
        <p>//some content</p>
        <p>//some content</p>
        <p>//some content</p>
        <p>//some content</p>
    </div></div></div>  
</div>
</body>
</html>

谢谢我根本没有包括CSS。他们应该把它记录在某个地方。

$('#nav li a').click(function(){
    var toLoad = $(this).attr('href')+' #content';
    $('#content-wrap').load(toLoad,showNewContent);