Блог

В моем проекте я использую MaterialDesignBootstrap. Мне действительно нравится степпер, но проблема в том, что я не могу сбросить его после отправки формы. Я использую функцию mdbStepper для инициализации.

 $('.stepper').mdbStepper();
  

Я не могу найти какую-либо функцию reset () или что-то подобное. Может быть, у кого-нибудь есть какой-нибудь совет для меня.
последним шансом было бы написать функцию, но у меня не было на это времени.

Я нашел решение самостоятельно.

 (function( $ ){
            $.fn.resetStepper = function() {
                /* Get MDB Stepper */
                var myStepper = this;
                /* Get Steps */
                var mySteps = myStepper.find("li");

                /* Loop Steps */
                $( mySteps ).each(function( index ) {
                    /* Step Element */
                    var stepElement = this;
                    var stepContent = $(stepElement).find(".step-new-content");

                    /* if Element has Class step */
                    if ($(stepElement).hasClass("step")){
                        /* Select First Element */
                        if (index === 0 || index === "0"){
                            $(stepElement).removeClass("wrong").removeClass("done").addClass("active");
                            $(stepContent).css("display","block");
                        }else{
                            $(stepElement).removeClass("wrong").removeClass("done").removeClass("active");
                            $(stepContent).css("display","none");
                        }
                        /* Reset Inputs */
                        var inputs = $(stepContent).find("input");
                        $(inputs).each(function (index){
                           var myInput = this;
                           $(myInput).val("");
                        });
                    }

                });
            };
        })( jQuery );
  

Затем вызовите

$("#postingAddStepper").resetStepper();