introJSの要素をクリックする次のステップに進む

Question

私は製品ツアーのためにintro.jsを使用しているangularjsを使用してアプリケーションを構築しています。

ユーザーが特定の要素をクリックすると、intro.jsは次の要素に関係なく特定の要素に焦点を当てる必要があります。

ユーザーは、ツアー内の要素1上にあり、かつ素子3にクリックするのであれば、ユーザーは、素子2

どのように私はこの機能を実現することができますを飛ばし要素3に移動する必要がありますか？

Answer 1

Introjsは特定のステップ（introJs().goToStep(2).start()）に進むgoToStepメソッドを持っています。イベントリスナーを使用すると、エレメントのクリックをリッスンし、エレメントの関連するステップからイントロを開始できます。

例：

var intro = introJs(); 
    intro.setOptions({ 
     steps: [ 
      { 
       element: '#step1', 
       intro: 'Intro #2 text',   
      }, 
      { 
       element: '#step2', 
       intro: "Intro #2 text",  
      }] 
}) 


$('.element-to-watch').on('click', function() { 
    intro.exit(); // 
    if ($(this).attr("id") != 'step1') { 
     let num = $(this).attr("id").match(/\d+/)[0]; 
     intro.goToStep(num-1).start(); 
    } 
    else { 
     intro.start(); 
    } 
});