我目前正在尝试在我的网站上实现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>发布于 2012-08-15 03:10:23
总是在像jQuery UI一样依赖于它的任何其他库之前加载jQuery。
来自http://kevinbatdorf.github.com/codaslider/
您还需要确保导入了jQuery、jQuery UI和Coda Slider脚本文件以及Coda Slider样式表。有关详细说明和高级选项,请参阅下面的内容。
https://stackoverflow.com/questions/11958965
复制相似问题