Javascript ResponsiveSlides工作不正常

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

我使用的是responsiveSlides滑块,但它在自动模式为真之前不起作用。 我有一个代码如下

Js代码:

<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
    });
});