Javascript 单击动态/移动锚定的事件侦听器

我正在使用一个教程插件-

它将此代码附加到所需的教程步骤数

<div for="tutstep4" data-target="#publishbutton" data-arrow="tc" data-location="tr" style="display: block; ">
       <h1>Almost Done!</h1>
       <p>
        Now click "Publish" and you are done.
        </p>
    </div>

该按钮已被单击，且函数未注册

我不想编辑tutorial.js文件，因为它在不同的页面上使用。 单击“#tutorial prev”，然后根据它所附加的div调用函数时，我是否可以做些什么来“侦听”函数

i、 e.如果在教程步骤为3时单击了“#教程上一步”，是否执行某些操作

更新：

在离开它一段时间后，我找到了一个更简单的解决方案，只需在脚本中的函数上使用猴子补丁，并添加我自己的个人代码，其中包括打开/关闭所需的div

所以就像

$.fn.tutorialNext() {
 // start of original next code.
 //end of original code.
 myfunc();
}

$.fn.tutorialNext() {
 // start of original next code.
 //end of original code.
 myfunc();
}

不是很漂亮，但是对于我需要定制的页面来说，这是一个快速的解决方案

---

我最初面临的问题是，在运行Next（）函数时，锚定标记已被删除，因此没有可用于执行该函数的元素。

我不确定是否清楚您试图实现的目标，但当您使用单击处理程序时：

$("'#tutorial-prev").on("click", dosomething);

在do something中，您可以使用以下工具在任何地方复制单击事件：

$(selector).trigger("click");

---

使用您发布的js，您可以使用tutorial button类将click事件绑定到每个按钮

您可以通过使用元素的id进一步指定单个按钮，为此，您需要将一个回调绑定到每个按钮

$('#tutorial-prev').click(function(){ //go to previous step });
$('#tutorial-next').click(function(){ //go to next step });
$('#tutorial-cancel').click(function(){ //cancel actions });
...

更新：

在离开它一段时间后，我找到了一个更简单的解决方案，只需在脚本中的函数上使用猴子补丁，并添加我自己的个人代码，其中包括打开/关闭所需的div

所以就像

$.fn.tutorialNext() {
 // start of original next code.
 //end of original code.
 myfunc();
}

$.fn.tutorialNext() {
 // start of original next code.
 //end of original code.
 myfunc();
}

不是很漂亮，但是对于我需要定制的页面来说，这是一个快速的解决方案

---

我最初遇到的问题是，在运行Next（）函数时，锚定标记已经被删除，因此没有可以执行该函数的元素。

此外，这里对

。on

vs

进行了很好的解释。单击
。