jQuery循环不起作用

Question

我对Web开发很新，我正在尝试使用jQuery循环插件来创建滑动图库。

以下是相关网站：

http://rwavproductions.com/front-page-slide/

在我在这个网站上添加滑动图库之前，我只使用了图库创建了测试页面并且代码可以正常工作。左右按钮可以正常工作。但是我在这个新页面上复制了相同的确切代码（包括脚本标记内容）和css，并且jQuery不能按需运行。

图片幻灯片暗示循环插件正在运行，但是next和prev不起作用。可能是什么原因？另一个div可以覆盖prev和next div所在的div，因此不会记录点击吗？

$(document).ready(function () {
    $('.slideshow').cycle({
        fx: 'scrollHorz',
        prev: '.prev',
        next: '.next',
        timeout: 0,
        rev: true
    });
});

Answer 1

啊，我明白了。你有一个隐藏的叠加div阻止点击。

<div class="bg_spinner">

将标记中的div移到<div class="extra">下，它应该有效......

Answer 2

对于名为“bg_spinner”的类，请在CSS中添加：pointer-events:none;

它可能会奏效。