jQuery.slides()不起作用

jQuery.slides()不起作用,jquery,slidesjs,Jquery,Slidesjs,我正在使用jQuery插件并调用 jQuery.slides(); 但是,这并不正确。取而代之的是,图像只是全部显示出来(如果没有插件的话,你会想到这一点) 为什么这不起作用?我怎样才能让它起作用 我确信javascript正在运行,因为我将alert()放在我的slides()语句的上方和下方进行测试 这是我的标记: <div class="slides"> <div class="slides_container"> <div>

我正在使用jQuery插件并调用

jQuery.slides();
但是,这并不正确。取而代之的是,图像只是全部显示出来(如果没有插件的话,你会想到这一点)

为什么这不起作用?我怎样才能让它起作用

我确信javascript正在运行,因为我将
alert()
放在我的slides()语句的上方和下方进行测试

这是我的标记:

<div class="slides">
    <div class="slides_container">
        <div>
            <img src="Images/sample_banner.png" />
        </div>
        <div>
            <img src="http://placehold.it/984x111" />
        </div>
        <div>
            <img src="http://placehold.it/984x111/ff0000" />
        </div>
    </div>
</div>


 <div class="left_arrow"><a href="#"><img src="Images/left_arrow.png" alt="left arrow control" /></a></div>
 <div class="right_arrow"><a href="#"><img src="Images/right_arrow.png" alt="right arrow control" /></a></div>
这是我的JS:

$(document).ready(function () {
        $('.slides').slides({
           next: 'right_arrow'
           , prev: 'left_arrow'
           , pagination: false
         });
    });

在javascript中,您的目标是一个id#slides,在您的标记中,您的包含div元素有一个类声明-因此将您的标记更改为并进行旋转。

在javascript中,您的目标是一个id#slides,在您的标记中,您的包含div元素有一个类声明-因此更改即使你的问题基本上已经解决了,你也可以把你的标记交给我,让它转一圈。

。然后是布局上的一些其他问题

  • 如果没有
    ,如何应用.banner.slides
  • 箭头的位置是错误的,它们的css不是最佳的
  • 您不需要在这么多地方设置宽度或高度
  • 分页仍在出现,尽管您不希望它出现
  • 带有箭头和z索引的奇怪问题
  • 还有更多的小问题,我解决了,使代码优化和干燥


    我的例子:

    即使你的问题基本上已经解决了。然后是布局上的一些其他问题

  • 如果没有
    ,如何应用.banner.slides
  • 箭头的位置是错误的,它们的css不是最佳的
  • 您不需要在这么多地方设置宽度或高度
  • 分页仍在出现,尽管您不希望它出现
  • 带有箭头和z索引的奇怪问题
  • 还有更多的小问题,我解决了,使代码优化和干燥


    我的例子:

    是的,我做了同样的事情

    这是因为函数不是.slides,而是.slidesjs


    至少,这是我解决问题的方法。

    是的,我做了同样的事情

    这是因为函数不是.slides,而是.slidesjs


    至少,这是为我修好的。

    对不起,浪费了你的时间,那是个打字错误!我现在编辑了我的问题Woops抱歉浪费了你的时间,那是个打字错误!我现在编辑了我的问题1。对不起,我复制我的文件时一定错过了那个标签markup@PieterDeBie自2011年以来,情况发生了很大变化。所以幻灯片JS已经过了一段时间的更改,资源的位置不可用。哎哟,对不起,应该看看日期。1。对不起,我复制我的文件时一定错过了那个标签markup@PieterDeBie自2011年以来,情况发生了很大变化。所以幻灯片JS已经过了一段时间的更改,资源的位置不可用。哎呀,对不起,应该看看日期。
    $(document).ready(function () {
            $('.slides').slides({
               next: 'right_arrow'
               , prev: 'left_arrow'
               , pagination: false
             });
        });