Как закрыть форму после отправки Тильда
Tilda — это конструктор сайтов, который позволяет создавать красивые и функциональные веб-страницы без необходимости знания языков программирования. Но иногда возникают ситуации, когда необходимо знать код, например что бы закрыть форму после её отправки. В этой статье мы рассмотрим несколько способов, как это можно сделать самостоятельно без привлечения программиста
Универсальный код для popup
$(document).ready(function(){
$('form').on('tildaform:aftersuccess', function() {
$('.t-popup_show .t-popup__block-close button').click()
})
})
Универсальный код для корзины
$(document).ready(function(){
$('.t706 form').on('tildaform:aftersuccess', function() {
$('.t706__close button').click()
})
})
Индивидуальные решения (требуется понимание HTML)
Тут есть 2 варианта решения:
1. С помощью CSS
С помощью инструментов DEV TOOLS, находим класс или id формы которая появляется после отправки сообщения и дописываем для неё стиль
Чтобы посмотреть идентификаторы форм и классы кнопок закрытия popup, вы можете использовать инструменты разработчика вашего браузера. Например, в Chrome это сочетание клавиш Ctrl + Shift + I. После того как инструменты разработчика откроются, перейдите на вкладку Elements. Здесь вы увидите HTML-код вашей страницы. Найдите нужную форму или кнопку и посмотрите их атрибуты id и class соответственно.
// Вместо #id пишем свой id, если брали id то перед id ставьте #
// если класс то ставьте точку, тут я взял id
#id {
display: none;
}
2. С помощью JS
Тут так же с помощью dev tools находим id формы и класс кнопки который закрывает её и пишем по аналогии с универсальным кодом
$(document).ready(function(){
$('#formID').on('tildaform:aftersuccess', function() {
$('.class_close button').click()
})
})
Существует много способов решить эту задачу, мы рассмотрели самые популярные, если у вас возникли сложности у нас есть чат помощи по статьям, так же вы можете поддержать автора и заказать платную доработку на своём сайте
Добавить комментарий