1

私のサイトには、Twitters Bootstrap ツールチップを使用して各サムネイルの名前を表示するいくつかのサムネイルがあります。次がポップアップします。これをいくつかの方法で実行しようとしましたが、何も機能しませんでした。

私はこのようなものまで到達しましたが、うまくいきませんでした。

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

ここに私のレイアウトの JSFiddle があります: http://jsfiddle.net/BWR5D/

何か案は？

4

2 に答える 2

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);
于 2013-03-30T01:04:07.957 に答える
0

以下は、現在開いているツールチップを非表示にしてから、次のツールチップを表示する必要があります。現在のインデックスとキャッシュされた要素の長さを使用して、最初に戻るタイミングを決定します

/* 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)

デモ: http://jsfiddle.net/BWR5D/1/

于 2013-03-30T01:21:50.983 に答える