2013-08-21 55 views
0

我使用jsFiddle来获得所需的结果,虽然我失败了。JavaScript的JScrollPane没有P标签

这是链接:JsFiddle

我想没有p标签的div有一个垂直滚动条,以及!虽然它不会工作。

JS:

$(document).ready(function() { 
    $(".scroll-pane").jScrollPane({autoReinitialise: true}); 
}); 

HTML:

<!-- this works --> 
<div class="scroll-pane other"> 
    <p>dslkfja;dasfj;asdkfj</p> 
    <p>d;aslkfjasd;lfkdas;kfj</p> 
    <p>d;aslkfjasd;lfkdas;kfj</p> 
    <p>d;aslkfjasd;lfkdas;kfj</p> 
    <!-- and so on... --> 
</div> 

<!-- this does NOT work --> 
<div class="scroll-pane other"> 
    asdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa 
    asdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa 
    asdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa 
    <!-- and so on... --> 
</div> 

回答

1
your code is working already 

but you make a single string "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" in your js fiddle so it not set breaks in small string then it work 

我设置一个演示中看到here

+0

可悲的是它不工作 编辑:这确实得益于p标签,感谢队友 – JustBasti

+0

其工作见这里http://jsfiddle.net/riturajratan/Rq7b2/69/ –