Question

这是一个普遍的问题，我也找不到答案。使用twitters bootstrap carousel可以使用MyCarousel.carousel(number)函数转到特定幻灯片，但不是使用数字就可以是文本。或者它必须是一个直接转到幻灯片的数字。

因此，不是将幻灯片命名为1到5，然后使用MyCarousel.carousel(3)转到幻灯片3，可以是幻灯片说a到e，然后使用MyCarousel.carousel(c)转到幻灯片c。 / p>

我试过这样做但是我使用文本得到以下错误：

Uncaught TypeError: Property 'c' of object [object Object] is not a function

这是可能的，还是我应该坚持使用数字？使用文本的原因是为了让用户更容易，因为我允许他们输入他们想要在网址中输入的幻灯片，并且使用文本会使他们更容易。

Answer 1

正如您在Bootstrap文档中看到的那样：http://getbootstrap.com/javascript/#carousel

必须是一个数字..

.carousel（数字） - 将轮播循环到特定帧（基于0，类似于数组）。

Answer 2

bootstrap轮播根据幻灯片的数字索引值循环播放幻灯片。如果您更愿意使用基于文本的值，则需要构建一个数组，将基于文本的值映射到幻灯片数字索引。

这将允许用户在某种输入字段中键入他们的选择，然后您可以通过数组映射选择它。

//Create a distinct key/value array mapping out your slides
var slides = new Array();
slides["first slide"]=0; 
slides["second slide"]=1; 
slides["third slide"]=2;

//Whatever your user inputs and you collect
userInput = "second slide";

//Make sure the input "key" exists first
if(slides.hasOwnProperty(userInput)) {
  $('#myCarousel').carousel(slides[userInput]);
} else {
  alert("Sorry, that slide does not exist");
}

Bootstrap Carousel MyCarousel.carousel（号码）

2 个答案: