Javascript 视差内容滑块自动播放不工作

视差内容滑块工作一次，但随后无法工作，没有任何错误。以下是示例，以下是重要的代码位：

 <script type="text/javascript" src="js/modernizr.custom.28468.js"></script>
    <!--end slider -->
    <!---strat-date-piker---->
    <link rel="stylesheet" href="css/jquery-ui.css"/>
    <script src="js/jquery-ui.js"></script>
    <script>
        $(function () {
            $("#datepicker,#datepicker1").datepicker();
        });
    </script>
    <!---/End-date-piker---->
    <!--<link type="text/css" rel="stylesheet" href="css/JFGrid.css" />-->
    <link type="text/css" rel="stylesheet" href="css/JFFormStyle-1.css"/>
    <script type="text/javascript" src="js/JFCore.js"></script>
    <script type="text/javascript" src="js/JFForms.js"></script>
    <script type="text/javascript" src="js/jquery.cslider.js"></script>

注意：照片的链接很好。如果我更改当前设置，它将从该照片开始，运行一次，然后停止。任何想法都将不胜感激！谢谢

试试这个

$(document).ready(function () {
    $('#da-slider').cslider({

        current: 4,
        // index of current slide

        bgincrement: 50,
        // increment the background position
        // (parallax effect) when sliding
        circular: true,
        autoplay: true,
        // slideshow on / off

        intervalSec: 500
        // time between transitions

    });
});

我刚刚将值间隔的名称更改为intervalSec

照我说的，其他事情应该没问题

另外，在网站提供的链接中，您正在使用较旧版本的jQuery v1.8.3 如果可能的话，将其更新为最新版本，因为CSS3的更新版本工作得更好注意：它不支持某些旧浏览器

更新：在给定的网站链接中，使用了两个不同版本的JQuery UI

请删除旧版本js/jquery-ui.min.js以避免任何冲突。

尝试此操作

$(document).ready(function () {
    $('#da-slider').cslider({

        current: 4,
        // index of current slide

        bgincrement: 50,
        // increment the background position
        // (parallax effect) when sliding
        circular: true,
        autoplay: true,
        // slideshow on / off

        intervalSec: 500
        // time between transitions

    });
});

我刚刚将值间隔的名称更改为intervalSec

照我说的，其他事情应该没问题

另外，在网站提供的链接中，您正在使用较旧版本的jQuery v1.8.3 如果可能的话，将其更新为最新版本，因为CSS3的更新版本工作得更好注意：它不支持某些旧浏览器

更新：在给定的网站链接中，使用了两个不同版本的JQuery UI

---

请删除旧版本js/jquery-ui.min.js以避免任何冲突。

今天我正试图解决完全相同的问题

即使这个答案可能不再需要了，我还是会为遇到同样问题的其他程序员添加它

根本原因在于BG增量值。如果没有可以移动的背景，它将停止响应，不会出现任何错误。而且是一团糟

将bgincrement设置为零使滑块再次工作：

$(document).ready(function () {

    $('#da-slider').cslider({
        autoplay    : true,
        bgincrement : 0
    });
});

---

今天我试图解决完全相同的问题

即使这个答案可能不再需要了，我还是会为遇到同样问题的其他程序员添加它

根本原因在于BG增量值。如果没有可以移动的背景，它将停止响应，不会出现任何错误。而且是一团糟

将bgincrement设置为零使滑块再次工作：

$(document).ready(function () {

    $('#da-slider').cslider({
        autoplay    : true,
        bgincrement : 0
    });
});

---

我也有同样的问题。。。请停用所有其他jquery插件，只让滑块处于适当位置。不要忘记删除自定义js文件或html文件中的启动代码！通常情况下，你的滑块毕竟是在线的。

---

然后你可以一步一步地重新添加你的插件，你会发现你的滑块和哪个插件不兼容。我有jQuery Timelinr 0.9.54插件，它阻止了我的滑块

我也有同样的问题。。。请停用所有其他jquery插件，只让滑块处于适当位置。不要忘记删除自定义js文件或html文件中的启动代码！通常情况下，你的滑块毕竟是在线的。

---

然后你可以一步一步地重新添加你的插件，你会发现你的滑块和哪个插件不兼容。我有jQuery Timelinr 0.9.54插件，它阻止了我的滑块

你的网站不可用是的，我知道，合同刚到期，将在几天内支付..很抱歉你的网站又开始工作了是的！，但你还没有详细说明如何重现这个问题。哪个页面和哪些操作会导致它？很简单。进入第一页并观察滑块！它切换一张照片，就是这样。滑块中加载了6张图片。但是只有一个过渡工作你提到你的网站是不可用的是的，我知道，合同刚刚到期，将在几天内支付..对不起，你的网站又开始工作了是的！，但你还没有详细说明如何重现这个问题。哪个页面和哪些操作会导致它？很简单。进入第一页并观察滑块！它切换一张照片，就是这样。滑块中加载了6张图片。但您提到的只有一个过渡工作将尝试使用新版本的JQueryAll。还有一件事，您的网站正在调用jquery UI和jqueryUI.min，即调用两次，因此删除一个实例在线版本现在更改一个或两个图像，然后停止，因此，我认为它的内部jquery冲突尝试删除两个UI中的一个，这两个UI应该会有帮助我最后使用了另一个滑块..无论如何都会给你奖金；将尝试新版本的jQueryAllso还有一件事，您的站点同时调用jquery UI和jqueryUI.min，即调用两次，因此删除一个实例在线版本现在更改一个或两个图像，然后停止，因此，我认为它的内部jquery冲突尝试删除两个UI中的一个，这两个UI应该会有帮助我最后使用了另一个滑块..无论如何都会给你奖金；