Question

我试图让jscrollpane在一个非常简单的页面上工作，但由于某种原因它无法正常工作。当我删除jscrollpane的脚本但是当我包含它时没有滚动条时，具有正常滚动条的图像。我想知道是否有人可以看看是否有任何明显的错误。

由于

尼克

http://nickharambee.dyndns.org/examples/jscrollpane.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<head>

<!-- styles needed by jScrollPane -->
<link type="text/css" href="jquery.jscrollpane.css" rel="stylesheet" media="all" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

<!-- the mousewheel plugin - optional to provide mousewheel support -->
<script type="text/javascript" src="jquery.mousewheel.js"></script>

<!-- the jScrollPane script -->
<script type="text/javascript" src="jquery.jscrollpane.min.js"></script>

<script type="text/javascript">
    $(function()
    {
        $('.scroll-pane').jScrollPane();
    });
</script>

<style>

.scroll-pane {
    width: 200px;
    height: 200px;
    overflow: auto;
}
</style>
</head>


<html>
<body>

<div class="scroll-pane"><img src="../files/nancy.jpg"></div>

</body>
</html>

Answer 1

您的jscrollpane脚本标记是否已加载？确保您指向的文件确实存在。

<script type="text/javascript" src="jquery.jscrollpane.min.js"></script>

如果你有一个带有Javascript控制台的浏览器（例如，带有Firebug的Safari，Chrome或Firefox），那么你可以输入$('.scroll-pane').jScrollPane，如果是undefined那么你的库就没有加载正常。

试图让jscrollpane第一次工作，但没有成功！

1 个答案: