Customizing Forms 2.0 with Jquery - late loading

Brennan_McAdam2 · ‎04-09-2015

I have been experimenting with creating dynamic sections of a landing page based on the selection of from a select menu. I finally figured out that I was having problems between when Jquery was ready and when the form actually loaded. In the end, I ended up explicitly adding the Form2.js in the top of my html block to get the MktoForms2.whenReady to properly call. However, I am wondering if anyone solved this differently as a hate loading a script in twice.

Brennan McAdams

Brennan_McAdam2 · ‎04-10-2015

Found an even better solution.

Jquery is loading first as it is declared in the header. As the Forms2.js is placed inline (after the header), I modifed the call to first check jQuery is ready, then check that the form is loaded to begin processing.

//Attach change of select to display
    $(document).ready(function() { //switched this to the top
        MktoForms2.whenReady(function (form){ //once jquery is ready, wait for the form
            $("#repurpose8").change( function(){
                changeLoc($(this).children('option:selected').index());
         });
        });
    });

Brennan McAdams

View solution in original post