Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/458.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/joomla/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript bxSlider不能自动工作_Javascript_Slideshow_Bxslider - Fatal编程技术网

Javascript bxSlider不能自动工作

Javascript bxSlider不能自动工作,javascript,slideshow,bxslider,Javascript,Slideshow,Bxslider,我希望bxSlider自动启动幻灯片放映,而无需用户单击它。这是我的代码(不起作用): 这个怎么了?发生的情况是,图像确实加载,但它不会自动滚动,用户总是必须选择一个寻呼机点手动滚动。我的代码有什么问题?尝试设置自动控制:true(from)此代码适合我 var slider = $('#slider').bxSlider(); $('.bx-next, .bx-prev, .bx-pager a').click(function(){ // time to wait (in ms)

我希望bxSlider自动启动幻灯片放映,而无需用户单击它。这是我的代码(不起作用):


这个怎么了?发生的情况是,图像确实加载,但它不会自动滚动,用户总是必须选择一个寻呼机点手动滚动。我的代码有什么问题?

尝试设置
自动控制:true
(from)

此代码适合我

var slider = $('#slider').bxSlider();

$('.bx-next, .bx-prev, .bx-pager a').click(function(){
    // time to wait (in ms)
    var wait = 1000;
    setTimeout(function(){
        slider.startAuto();
    }, wait);
});
如果不需要延迟,可以将wait设置为0。因为我使用了:pagerCustom:“#pager”,所以我将“.bx pager”a改为“#pager a”。

您应该使用

 $(document).ready(function(e) {    });

在代码之间

所以正确的答案应该是

 $(document).ready(function(e) {
    $('.slider1').bxSlider({
        slideWidth: 1012,
        slideHeight:200,
        minSlides: 1,
        slideMargin: 0,
        controls: false,
        auto: true,

    });
    });

希望这能帮助你

这就是我从
bxslider官方
页面上得到的所有缺少的内容

$(document).ready(function(){
  $('.bxslider').bxSlider({
  mode: 'fade',
  auto: true,
  autoControls: true,
  pause: 2000
  });
});

我建议采取以下补救措施<每次幻灯片转换后执行代码>onSlideAfter。然后,此代码将导致每次执行
slider.startAuto()
,启动自动显示

var slider = $(".sliderBx ul").bxSlider({
     auto: true,
     pager: true,
     controls: true,
     onSlideAfter: function () {
      slider.startAuto();
    }
});

好的!我也有同样的问题!上述解决方案都不起作用。但我发现了问题所在

1-首先检查并确保jQuery脚本中有
auto:true
,如下所示:

$('.bxslider').bxSlider({
          auto: true,
          pause: 3000,
          pager: true
 });
2-您正在使用的主要jQuery文件,请更新该jQuery文件,您可能正在使用旧的jQuery文件!(#2是我的问题)


谢谢

您已经有了
autoStart:true
auto:true
。??那么为什么要添加
slider.startAuto()。。?绝望地看着,希望其中一个能起作用。但即使没有它,它也无法工作,这就是我添加它的原因。我看到了该链接,但这不是完全自动的,用户仍然必须单击“开始”按钮。我希望它一加载就开始运行,没有任何用户交互。我做到了,但用户仍然必须单击“开始”按钮。我希望它一加载就开始运行,没有任何用户交互。(另外,我不想显示控件。)您可以使用
display:none
通过CSS隐藏控件,尽管这显然不是最佳选择。您使用的是哪个版本的滑块?查看API(),您可以尝试设置“autoDelay:0”。我尝试了autoDelay:0,但没有任何区别:(我使用的是最新版本?我今天刚下载了它,它的版本是4.1auto:true,虽然这个代码片段可能会解决这个问题,但确实有助于提高您文章的质量。请记住,您是在为将来的读者回答这个问题,那些人可能不知道您的代码建议的原因。请包括一个exp拉纳多。
var slider = $(".sliderBx ul").bxSlider({
     auto: true,
     pager: true,
     controls: true,
     onSlideAfter: function () {
      slider.startAuto();
    }
});
$('.bxslider').bxSlider({
          auto: true,
          pause: 3000,
          pager: true
 });