Блог

Главная - Вопросы по программированию - Подтверждение начальной загрузки не работает внутри события onClick?

Подтверждение начальной загрузки не работает внутри события onClick?

#javascript #html #jquery #bootstrap-confirmation

Вопрос:

У меня есть кнопка, и я хочу добавить подтверждение начальной загрузки, это работает нормально, когда я звоню напрямую, но когда я использую код подтверждения внутри события onClick, это значит, что подтверждение загрузки не работает. Что здесь не так?

Это мой код:-

 $('.myButton').on("click", function() {
  $('[data-toggle=confirmation]').confirmation({
    rootSelector: '[data-toggle=confirmation]'
});
} 
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-confirmation2/4.2.1/bootstrap-confirmation.min.js" integrity="sha512-LhgCuBuvISlfR3iVmjgchM6JrYvl16h/RJVsjdCfGXUahMHgmMJpavyIbluTuV3Ww8tJtGh2VAYayfoGvc84DA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

<button data-toggle="confirmation" type="button" class="myButton mt-5 btn btn-primary btn-convert">Convert</button>

Спасибо тебе!

Комментарии:

1. ты уверен насчет селектора? потому что у этой кнопки нет этого класса.

2. да, я уверен, что это работает нормально, если я использую без щелчка.

3. @RohitVerma Я думаю, что VPC имеет в виду $(".myButton") селектор — кнопки с этим классом нет

4. @Ник Парсонс прямо сейчас я обновился, но все еще не работаю…

5. Если вы исправите синтаксическую ошибку, добавив a ); в конце кода, то все будет работать так, как ожидалось. confirmation() Метод не вызывает всплывающее окно подтверждения, он создает прослушиватель для элемента, указанного вами для выполнения подтверждения при нажатии на него. Таким образом, с текущим кодом при первом щелчке он не появится, но вы добавите обработчик события щелчка для подтверждения, затем при втором щелчке появится подтверждение из-за добавления прослушивателя событий подтверждения с помощью предыдущего щелчка.

Метки: