Кнопка автоматического нажатия, если отображение стиля заблокировано

все, я новичок в этом, и мне просто интересно, есть ли способ автоматически нажимать кнопку при стилизации display:block?

Я был бы очень признателен если кто-то может указать мне правильное направление.

<div id = "advert" img = "" style = "display: block;">
  <div id = "continueItems" class = "text-center">
    <p> TEXT HERE</p>
  </div>
  <br>
  <div class = "text-center">
    <button id = "statsContinue" class = "btn btn-primary text-center" data-itr = "continue" onclick = "closeStats();">Continue</button>
  </div>
</div>

Что-то вроде if (getComputedStyle(advert).display == 'block') statsContinue.click();?

Chris G 10.09.2018 12:36

Вам необходимо изучить основы, прежде чем понимать концепцию. Это не обучающий сайт. Изучите основы здесь w3schools.com Спасибо.

Ramesh 10.09.2018 12:37
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
2
58
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Вы можете проверить свойство display на trigger(), щелкнув событие:

if ($('#advert').css('display') == 'block')
  $('#statsContinue').trigger('click');
  
function closeStats(){
  console.info('auto click happened');
}
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id = "advert" img = "" style = "display: block;">
<div id = "continueItems" class = "text-center">
<p> TEXT HERE</p>
</div>
<br>
<div class = "text-center">
<button id = "statsContinue" class = "btn btn-primary text-center" data-itr = "continue" onclick = "closeStats();">Continue</button>
</div>
</div>

Вы можете проверить, виден ли элемент с помощью .is(':visible'), а затем вызвать щелчок с помощью click(), например:

if ($('#advert').is(':visible')) {
  $('#statsContinue').click();
}

function closeStats() {
  alert('Clik triggered');
}
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id = "advert" img = "" style = "display: block;">
  <div id = "continueItems" class = "text-center">
    <p> TEXT HERE</p>
  </div>
  <br>
  <div class = "text-center">
    <button id = "statsContinue" class = "btn btn-primary text-center" data-itr = "continue" onclick = "closeStats();">Continue</button>
  </div>
</div>

Другие вопросы по теме