Javascript 如何使用jQuery永远循环引导工具提示？

我在我的网站上有一些缩略图，它们使用Twitters引导工具提示来显示每个缩略图的名称，我试图做的是遍历每个缩略图，比如说延迟2秒显示工具提示，然后在下一个弹出时隐藏它。我尝试了几种方法，但都没用

我做了这么多，但那不起作用

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

下面是我的布局的一部分：

有什么想法吗？

试试以下方法：

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）

尝试以下操作：

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）

---

下面应该隐藏当前打开的工具提示，然后显示下一个。使用当前索引和缓存元素的长度来确定何时重新开始

/* cache elements*/
var $els=$("a[rel=tooltip]").tooltip(), index=-1;

var tipLoop=setInterval(function(){
    index++;
    index =  index < $els.length ? index : 0;
    $els.tooltip("hide").eq( index).tooltip('show');    
},2000)

/*缓存元素*/
var$els=$（[rel=tooltip]）。tooltip（），index=-1；
var tipLoop=setInterval（函数（）{
索引++；
索引=索引<$els.length？索引：0；
$els.tooltip（“隐藏”）.eq（索引）.tooltip（“显示”）；
},2000)

---

演示：

下面应该隐藏当前打开的工具提示，然后显示下一个。使用当前索引和缓存元素的长度来确定何时重新开始

/* cache elements*/
var $els=$("a[rel=tooltip]").tooltip(), index=-1;

var tipLoop=setInterval(function(){
    index++;
    index =  index < $els.length ? index : 0;
    $els.tooltip("hide").eq( index).tooltip('show');    
},2000)

/*缓存元素*/
var$els=$（[rel=tooltip]）。tooltip（），index=-1；
var tipLoop=setInterval（函数（）{
索引++；
索引=索引<$els.length？索引：0；
$els.tooltip（“隐藏”）.eq（索引）.tooltip（“显示”）；
},2000)

---

演示：

除了产生错误，我似乎无法让它做任何事情。您可以编辑JSFIDLE使其工作吗？ThanksI在一行中错误地键入了ToolTips数组名称。代码已更新。它在这里工作：我似乎不能让它做任何事情，除了产生错误。您可以编辑JSFIDLE使其工作吗？ThanksI在一行中错误地键入了ToolTips数组名称。代码已更新。它在这里工作：这很好，但是在第一次循环之后，工具提示显示不到一秒钟，然后消失，有没有办法解决这个问题？不确定是什么导致的，看起来像是引导中的错误。尝试使用有效的html，

div

不是

的有效子级。另外，我也不确定用户悬停图像时，您是否在询问冲突问题。我希望用户悬停图像时，图像会暂停并恢复。和div目前仅作为占位符。建议创建自己的，不要使用引导。当用户与图像交互时有更多的控制。如果使用自己的代码，则可以停止动画。可以使用bootsrtap css和html结构使之简单。只需要几行额外的代码，也许对html结构稍作调整就很好了，但是在第一次循环后，工具提示显示不到一秒钟，然后消失，有没有办法解决这个问题？不确定是什么原因造成的，看起来像是引导中的错误。尝试使用有效的html，

div

不是

的有效子级。另外，我也不确定用户悬停图像时，您是否在询问冲突问题。我希望用户悬停图像时，图像会暂停并恢复。和div目前仅作为占位符。建议创建自己的，不要使用引导。当用户与图像交互时有更多的控制。如果使用自己的代码，则可以停止动画。可以使用bootsrtap css和html结构使之简单。只需要几行额外的代码，也许还需要对html结构做一些轻微的调整