jquery - 覆盖引导向导默认行为

Question

http://www.panopta.com/2013/02/06/bootstrap-application-wizard

http://wstevens1.adventivedev.com/ui/js/bootstrap-wizard/bootstrap-wizard.js

我想为向导的所有实例覆盖第 484 行的事件处理程序，而无需编辑 bootstrap-wizard.js 中的原始源代码以获得一些更理想的自定义行为。

换句话说，我希望覆盖：

            this.el.find(".wizard-steps").on(
                    "click", "li.already-visited a.wizard-nav-link", this,
                    function(event) {
                            var index = parseInt($(event.target).data("navindex"));
                            event.data.setCard(index);
                    });

使用我自己的点击处理程序。当您选择向导卡时，将触发此处理程序。我对 Javascript 不够精通，但不知道如何做到这一点。

您可能不一定需要知道向导是如何工作的，只需精通 Javascript 即可回答这个问题。任何人？谢谢

Answer 1

Right after instantiate the wizard, you can use jQuery's off() function to remove the handler, then use the on() function to add your own:

var selector = 'li.already-visited a.wizard-nav-link';
(".wizard-steps").off('click', selector).on("click", selector, function(event) {
    //your own handler here
 });