Как настроить ботовую загрузку HTML

Question

Я работаю с платежным шлюзом под названием Stripe, используя, в частности, его систему checkout cart.

Мне удалось получить работу с тележкой, она создает клиентов, заказы и платежи по мере необходимости, в зависимости от продукта. Тем не менее, я не очень ориентирован на JavaScript, но хочу интегрировать способ автоматической установки электронной почты пользователей в поле электронной почты для проверки. Я пробовал:

$(document).ready(function() { 
    $('.stripe-button-el').click(function() { 
     setTimeout(function() { 
      $('.Fieldset').closest('.Fieldset-input').attr('value', 'some@email.com'); 
      console.log('Value 1: ' + $('.Fieldset-input').attr('value')); 
      console.log('Value 2: ' + $('.Fieldset').closest('.Fieldset-input') .attr('value')); 
     }, 2000); 
    }); 
}); 

Однако оба значения не определены. Причина, по которой я добавил setTimeout(), заключается в том, что проверка запускается кнопкой, HTML не добавляется на сайт до тех пор, пока эта кнопка не будет нажата, поэтому у меня нет доступа к ее свойствам. Я знаю, что это сделано для обеспечения безопасности, чтобы вы не могли получить доступ к информации о карте, но существует ли какой-либо способ этого?

У меня есть пользователи электронной почты хранятся в объекте, так что я просто хочу сказать, что делать:

$(document).ready(function() { 
    var user { 'email': <?= $email ?> }; 

    // put this email inside the checkout email property 
    $('input[type=email]').attr('value', user.email); 
} 

Answer 1

Кажется, что он добавляет элементы в postback, поэтому, на мой взгляд, вы должны иметь чек в блоке готовности документа, чтобы узнать, существует ли этот элемент. Что-то вроде этого:

$(document).ready(function() { 
    if ($('.Fieldset').find('.Fieldset-input').is(':visible')) { 
    $('.Fieldset').find('.Fieldset-input').attr('value', 'some@email.com'); 
    console.log('Value 1: ' + $('.Fieldset-input').attr('value')); 
    console.log('Value 2: ' + $('.Fieldset').find('.Fieldset-input').attr('value')); 
    } 
}); 

и мне кажется, вы должны использовать .find() метод, чтобы получить input вместо этого.

Answer 2

Благодаря @yomisimie для подачи этого в комментариях, есть «продвинутыми» способ добавления кнопка, которая содержит поле «Электронная почта»:

handler.open({ 
    email: 'some@email.com' 
}); 

который по праву можно найти в documentation.