javascript - 我如何使用jQuery循环遍历引导工具提示？

我的网站上有一些缩略图，这些缩略图使用Twitters Bootstrap工具提示显示每个缩略图的名称，我想做的是遍历每个缩略图，比如说显示工具提示会延迟2秒，然后将其隐藏为下一个弹出。我尝试了几种方法，但没有任何效果。

我得到了像这样的东西，但是那没有用。

$("[rel=tooltip]").each(function (i) {
      $id=$(this).attr('id');
      $($id).tooltip('show');
  });

这是我的布局的JSFiddle：http://jsfiddle.net/BWR5D/

有任何想法吗？

最佳答案

请尝试以下操作：

var ttid = 0, tooltipIds = [];
$("a[rel=tooltip]").each(function(){
    tooltipIds.push(this.id);
});

var iid = setInterval(function(){
    if (ttid) $('#'+tooltipIds[ttid-1]).tooltip("hide");
    if (ttid === tooltipIds.length) ttid = 0;
    $('#'+tooltipIds[ttid++]).tooltip("show");
}, 2000);

您可以通过以下方式阻止工具提示显示：clearInterval(iid);

关于javascript - 我如何使用jQuery循环遍历引导工具提示？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15713609/