javascript - 我如何使用 jQuery 永远循环 Bootstrap 工具提示？

Question

我的网站上有一些缩略图，它们使用 Twitter 的 Bootstrap 工具提示来显示每个缩略图的名称，我想做的是循环遍历每个缩略图，延迟 2 秒显示工具提示，然后隐藏当下一个弹出时。我尝试了几种方法，但没有任何效果。

我已经做到了这样的事情，但那不起作用。

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

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

有什么想法吗？

Answer 1

尝试以下操作:

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);