我目前正在尝试将Coda-Slider 3应用到我的网站中。
我还没有做任何事情,除了看滑块是否实际工作,它不起作用。
当它被加载时,我得到了布局,除了滑块之外的所有内容都不会滑动,并且内容区域中有一个损坏的图像和一个“加载...”文本。
我也在状态栏中收到错误
“对象不支持方法行的这个属性:5”
这是我的javascript / html
<script src="Scripts/jquery-ui-1.8.21.custom.min.js" type="text/javascript"></script>
<script src="Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="Scripts/jquery.coda-slider-3.0.min.js" type="text/javascript"></script>
<link href="CSS/coda-slider.css" rel="stylesheet" type="text/css" />
<link href="CSS/Stylesheet1.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(function() {
$("#slidertabs").codaSlider();
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div class="coda-slider" id="slidertabs">
<div>
<h2 class="title">Trial</h2>
bambambasdfasf
adfasf
</div>
<div>
<h2 class="title">Trial 2</h2>
la mambaafasdf
asdfasfsa
</div>
</div>
</form>
源代码
<script src="Scripts/jquery-ui-1.8.21.custom.min.js" type="text/javascript"></script>
<script src="Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="Scripts/jquery.coda-slider-3.0.min.js" type="text/javascript"></script>
<link href="CSS/coda-slider.css" rel="stylesheet" type="text/css" /><link href="CSS/Stylesheet1.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(function() {
$("#slidertabs").codaSlider();
});
</script>
</head>
<body>
<form name="form1" method="post" action="User.aspx" id="form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTQzMzc5MDEyMmRkIe8VCRe6PXi+FaNtf5wR5Ucxk58=" />
</div>
<div class="coda-slider" id="slidertabs">
<div>
<h2 class="title">Trial</h2>
bambambasdfasf
adfasf
</div>
<div>
<h2 class="title">Trial 2</h2>
la mambaafasdf
asdfasfsa
</div>
</div>
</form>
答案 0 :(得分:1)
总是在jQuery UI之前的任何其他依赖它的库之前加载jQuery。
来自http://kevinbatdorf.github.com/codaslider/
您还需要确保导入jQuery,jQuery UI和Coda Slider脚本文件以及Coda Slider样式表。有关详细说明和高级选项,请参阅下文。