jQuery Обработчик событий не работает после нагрузки тела

Question

Почему мое событие работает только в пределах setInterval? Я пробовал несколько способов, но никогда не работает, только в пределах заданного интервала

var buttonsub = setInterval(function() {
    
    if($('#continue_button').length && $('.content-box__row.ship_step_wait').length == 0){
        console.log('continue');
        
        var myvar = '<button name="button" id="send_button" class="btn" style="width: 100%;"><span class="btn__content" data-continue-button-content="true">Complete order</span><svg class="icon-svg icon-svg--size-18 btn__spinner icon-svg--spinner-button" aria-hidden="true" focusable="false"> <use xlink:href="#spinner-button"></use> </svg></button>';
        $("#continue_button").prop("type", "button");
        
        
        $("#continue_button").click(function(e){
            formSend();
            return false;
        });
        
        clearInterval(buttonsub);
    }
}, 800); // check every 100ms

Answer 1

Вы не назначаете исходное событие щелчка, но setInterval делает.

Попробуйте добавить это в заголовок вашего документа.

<script>

    $( function () {

        // Assign initial click event to #continue_button.
        $( '#continue_button' ).click( function (e) {

            if( $( '#continue_button' ).length && $( '.content-box__row.ship_step_wait' ).length == 0 ) 
            {
            
                console.log('continue');

                var myvar = '<button name="button" id="send_button" class="btn" style="width: 100%;"><span class="btn__content" data-continue-button-content="true">Complete order</span><svg class="icon-svg icon-svg--size-18 btn__spinner icon-svg--spinner-button" aria-hidden="true" focusable="false"> <use xlink:href="#spinner-button"></use> </svg></button>';
                $( '#continue_button' ).prop( 'type', 'button' );

                $( '#continue_button' ).click(function(e) {
                    formSend();
                    return false;
                });

            };

        } );

    } );

</script>