覆盖引导向导的默认行为

时间:2013-08-06 16:53:17

标签: jquery twitter-bootstrap

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即可回答这个问题。任何人?感谢

1 个答案:

答案 0 :(得分:1)

在实例化向导之后,您可以使用jQuery的off()函数删除处理程序,然后使用on()函数添加自己的函数:

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