Javascript ResponsiveSlides工作不正常
我使用的是responsiveSlides滑块,但它在自动模式为真之前不起作用。 我有一个代码如下 Js代码:Javascript ResponsiveSlides工作不正常,javascript,jquery,css,asp.net,Javascript,Jquery,Css,Asp.net,我使用的是responsiveSlides滑块,但它在自动模式为真之前不起作用。 我有一个代码如下 Js代码: <script src="Scripts/responsiveslides.min.js" type="text/javascript"></script> <script src="Scripts/responsiveslides.js" type="text/javascript"></script> <link href="S
<script src="Scripts/responsiveslides.min.js" type="text/javascript"></script>
<script src="Scripts/responsiveslides.js" type="text/javascript"></script>
<link href="Styles/responsiveslides.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
(function () {
$("#slider").responsiveSlides({
maxwidth: 800,
speed: 500
});
});
</script>
(功能(){
$(“#滑块”)。响应幻灯片({
最大宽度:800,
速度:500
});
});
以下是css代码:
<style type="text/css">
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}
</style>
斯里德斯先生{
位置:相对位置;
列表样式:无;
溢出:隐藏;
宽度:100%;
填充:0;
保证金:0;
}
李先生{
-webkit背面可见性:隐藏;
位置:绝对位置;
显示:无;
宽度:100%;
左:0;
排名:0;
}
李:第一个孩子{
位置:相对位置;
显示:块;
浮动:左;
}
.rslides img{
显示:块;
高度:自动;
浮动:左;
宽度:100%;
边界:0;
}
下面是html代码:
<div id="wrapper">
<ul class="rslides" id="slider">
<li>
<img src="Images/slide1.png" alt=""></li>
<li>
<img src="Images/slide2.png" alt=""></li>
<li>
<img src="Images/slide3.png" alt=""></li>
<li>
<img src="Images/slide4.png" alt=""></li>
<li>
<img src="Images/slide5.png" alt=""></li>
</ul>
</div>
我还附上了jquery.min.js版本是v1.8.3:
<script src="Scripts/jquery.min.js" type="text/javascript"></script>
我还没有对responsiveSlides文件的css和javascript的所有文件做任何更改,它们是原样的,我有如上所述的附加文件。您缺少$before(函数()
我可以在你的代码中使用它。我会尝试在JSFIDLE中添加它,这样我们就可以从这里进行调试了:很高兴看到FIDLE的威力:)抱歉,但它仍然不起作用…&在此之前,我的代码没有给出任何错误,但现在应用解决方案后,它给出了错误:“uncaughttypeerror:Object[Object Object]没有“responsiveSlides”方法”
$(function () {
$("#slider").responsiveSlides({
maxwidth: 800,
speed: 500
});
});