如何在按钮单击时显示隐藏的轮播滑块？答案

【问题标题】：How to display a hidden carousel slider on button click?如何在按钮单击时显示隐藏的轮播滑块？
【发布时间】：2015-03-22 08:24:34
【问题描述】：

我想在按钮点击时显示一个轮播滑块。我已将轮播display 设置为none 并尝试过

$(document).ready(function () {
  $('#showMyCarousel').click(function () {
    $('#myCarousel').toggle("show");
  });
});

在点击showMyCarousel时显示myCarousel，但它不能正常工作。

每当我点击按钮时，我的轮播就会出现，但会在几秒钟内再次隐藏。

【问题讨论】：

你用的是什么轮播？
Bootstrap 3 轮播幻灯片
您能否在jsfiddle.net 上发布一个显示该问题的最小示例，并在您的问题中添加指向它的链接？
jquery toggle 只切换元素，它应该接收的参数是.toggle( duration [, easing ] [, complete ] )。 See the full doc。尝试使用$('#myCarousel').show();
@AdrianHeine，这里是链接jsfiddle.net/nbk1Ltjm ...它需要一点修正，你可以为bootstrap n jquery添加外部参考

【解决方案1】：

已解决：OnClick 事件导致回发并将轮播显示设置为无。为了防止回发和重新加载控件，为按钮的 OnClick 事件返回 false。

【讨论】：