2012-11-01 99 views
0

所以,我一直试图让jScrollPane工作,不能。我觉得自己有点儿白痴。我见过的网站和一些小提琴看起来很简单。但是,我的代码根本不会更改滚动条的样式。jQuery jScrollPane自定义样式

我添加脚本(有三个总,主要的一个和两个鼠标滚轮的)和CSS,仍然没有去。

所以我发现下面的小提琴:http://jsfiddle.net/2nPXf/34/

(找做同样的,也许保持正常宽度虽然)

我试图使它与我的代码工作:http://jsfiddle.net/6tUMk/4/

它看起来像下面的脚本是你应该用它来触发的东西是什么(我创建了这个刚刚在其单独的脚本文件,而下载的脚本不变):

$(function() 
{ 
    $('.scrollpane').jScrollPane(); 
}); 

所以,我已经添加滚动面板类,我想滚动条,但没有额外的造型扎根像它在我挂第一小提琴一样。

我经历中的一些JScrollPane的演示的HTML看,我可以看到使用了大量的其他类的,jspScrollable,jspContainer,等等。但是,从jScrollPane网站中查看工作小提琴和文档,看起来好像如果您正确设置脚本,那么在.jScrollPane()脚本中触发的任何元素(在我的情况下,.scrollpane)都应该使其工作。但我想我错过了什么?

那么,如何工作的呢?我在这里错过了什么?

+0

你忘了加上外部资源(JS库和JScrollPane的需要CSS) –

回答

-1

您忘记了将外部链接添加到jquery.jscrollpane.cssjquery.jscrollpane.min.js,(可选)jquery.mousewheel.js

Fiddle

P.S.将内容放入<p></p>以使其看起来更明显。

+0

你能对你的回答详细点吗?通过将库从mootools更改为jQuery,部分解决了这个问题。在他的小提琴中,切换到jQuery并添加其他4个外部源仍然不会产生像jScrollPane演示那样的结果。 – projeqht

+0

你确定? [这里](http://jsfiddle.net/Shmoyojoe/6tUMk/7/) –