Jscrollpane不工作,可能是jquery冲突
jscrollpane not working, probably jquery conflict?
我想做。jscrollpane滚动条,但它们没有显示,firebug没有拾取任何错误。我正在做cufon字体替换,一个pretypto灯箱,和一个简单的组合过滤器来分类ul。我已经研究了jQuery的noConflict模式,但不能弄清楚这是否是问题,如果是,如何在我的情况下使用它。
下面是我在头文件中调用脚本的方法:
<link rel="stylesheet" type="text/css" href="styles.css" />
<link rel="stylesheet" href="prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js">
</script>
<script src="scripts/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<script src="scripts/cufon-yui.js" type="text/javascript"></script>
<script src="scripts/trajan.font.js" type="text/javascript"></script>
<script type='text/javascript' src="scripts/jscrollpane-1.2.1.js"></script>
<script type='text/javascript' src="scripts/mousewheel.js"></script>
<script type='text/javascript' src="scripts/mwheelintent.js"></script>
然后我使用$(document).ready(function(){
在标题结束之前运行pretypto、投资组合过滤器和jscrollpane脚本。pretypto和portfolifilter可以工作,但是jscrollpane没有呈现任何更改,但是Firebug也没有检测到任何错误。
jscrollpane正在应用(使用class="scroll-pane"
)到一个名为#box的div id,具有以下属性:
#box {
width:auto;
height:600px!important;
position:absolute;
margin-top:10px;
我直接从源代码中包含了jscrollpane CSS,并使选择器类样式如下:
.scroll-pane {
overflow-y:auto!important;
position:relative;
display:block;
}
这个问题可以在以下网址看到:ricardojattan.com/portfolio.html
您需要更新到最新版本的jScrollPane
相关文章:
- 返回按钮代码段的Jquery冲突
- javascript对象原型与jquery冲突
- 为什么'滚动到顶部'脚本导致类型错误?jQuery冲突
- 如何解决jQuery冲突
- Jquery冲突单击
- 可能与JQuery冲突
- mootools和jquery冲突-noconflict对我不起作用
- Unite Revolution 滑块与 Joomla 中的 jquery 冲突
- 确保永远不要有 JQuery 冲突
- 如何解决两个 jquery 冲突
- 下拉菜单和 AJAX 窗口之间的 jquery 冲突
- 如何解决光滑的轮播jquery冲突问题
- 未定义 jQuery,并且 jquery 冲突
- Jquery冲突问题
- 日历和快速搜索的 Jquery 冲突问题
- RequireJS :处理与填充程序和非AMD加载脚本的jQuery冲突
- 加载插件时不同版本的 jQuery 冲突
- JavaScript 函数名称与 jQuery 冲突
- 避免 chrome 扩展程序中的 jquery 冲突
- 水平鼠标滚轮滚动与地图 JQuery 冲突