2017-01-25 10 views
1

私はintroJSを使用しています。テンプレートデザイナーチームのみがデータイントロ属性を使用できますが、タブや他のJavaScriptを使用していくつかの要素を表示または非表示にしています。イントロの属性メソッドで表示されない要素をスキップする方法

introJSを実行すると、非表示の要素(非表示または別のタブ)の場合は、左上(0,0)の位置のガイドが表示されます。

表示方法はありませんが、属性メソッドのみを使用してスキップできます。任意のjsファイルを追加できます。これを実現するためにintrojsを一度設定し、そのファイルをインクルードすることができれば可能です。

ありがとうございます。

答えて

1

オーケーは、

は、だから私は、ラッパー関数によって、それを達成し、必要に他のためにここに残ります。

これは私のラッパー関数であるが、

runIntro: function(object){ 

    $('[data-intro]:hidden').each(function(index,obj){ 
     var $t = $(this); 
     $t 
      .attr({ 
       'data-intro-hidden' : $t.attr('data-intro'), 
      }) 
      .removeAttr('data-intro') 
     ; 
    }); 

    $('[data-intro-hidden]:visible').each(function(index,obj){ 
     var $t = $(this); 
     $t 
      .attr({ 
       'data-intro' : $t.attr('data-intro-hidden'), 
      }) 
      .removeAttr('data-intro-hidden') 
     ; 
    }); 

    if(typeof object === undefined) 
     introJs().start(); 
    else 
     introJs(object).start(); 
} 

のようにこの道を見えます、我々はまだ属性を使用していて、隠し要素がミュートされているか、イントロのためにスキップさ。

私のために働いていいよ:)

関連する問題