【问题标题】:Bootstrap carousel advance on click引导轮播在点击时前进
【发布时间】:2015-11-19 07:04:30
【问题描述】:

我一直在尝试让 Bootstrap 中的标准轮播在您每次单击幻灯片时都会前进,而无需使用指示器或控件。只是想问是否有办法让它以这种方式工作。这没有在页面上使用 onclick 事件,而是使用 jQuery 进行导航。

【问题讨论】:

    标签: jquery twitter-bootstrap-3 carousel


    【解决方案1】:

    如果轮播 id 是 carousel

    var number = 0;
    
    $("#carousel img").click(function() {
    
      $("#carousel").carousel(++number);
    
    });

    【讨论】:

    • 谢谢,除了我不想使用按钮而是单击幻灯片本身之外,这会起作用。在这个阶段它只工作一次。之后它就死了。我认为这与添加或删除课程有关,我还没有得到它。
    • 对不起,如果您单击幻灯片,更具体地说,如果您单击屏幕上看到的图像,则没有滑块。所以层次结构是carousel > carousel-inner > item > img。我想点击 img 并让幻灯片在您每次点击正在显示的图像时继续前进。
    【解决方案2】:
    $("#Mycarousel").carousel('next');
    

    现在看来可以了。抱歉,我使用的是 id,并且是 jQuery 的新手,所以我在所有幻灯片上都有相同的 id,忘记了它是同一个页面,它不知道“幻灯片”或图像或 imgs 或其他任何东西:/

    【讨论】:

      猜你喜欢
      • 2019-05-19
      • 1970-01-01
      • 1970-01-01
      • 2021-06-22
      • 2021-08-01
      • 1970-01-01
      • 1970-01-01
      • 2013-11-25
      • 2014-02-17
      相关资源
      最近更新 更多