Javascript 单击introJS中的某个元素，转到下一步

我正在使用angularjs构建一个应用程序，其中我使用intro.js进行产品巡演

我有一个要求，当用户单击某个特定元素时，intro.js应该关注该特定元素，而不考虑下一个元素

因此，如果用户在巡更中的元素1上，并单击元素3，则用户应该导航到元素3，跳过元素2

---

如何实现此功能？

Introjs具有转到特定步骤的

goToStep

方法（

Introjs（）.goToStep（2）.start（）

）。您可以使用事件侦听器来侦听对元素的单击，并从元素的关联步骤启动introjs

例如：

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