Почему не работает подтверждение jquery

Я пытаюсь получить лучшее подтверждение, почему jquery не работает, что пошло не так, я не получаю окно подтверждения

Скрипка: https://jsfiddle.net/trso8x65/

<html>
     <head>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.0.3/jquery-confirm.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.0.3/jquery-confirm.min.js"></script>
     </head>
     <body>

      <button type="button" class="confirm">click me </button>
    <script>
      $.confirm({
        title: 'Confirm!',
        content: 'Simple confirm!',
        buttons: {
            confirm: function () {
                $.alert('Confirmed!');
            },
            cancel: function () {
                $.alert('Canceled!');
            },
            somethingElse: {
                text: 'Something else',
                btnClass: 'btn-primary',
                keys: ['enter', 'shift'],
                action: function(){
                    $.alert('Something else?');
                }
            }
        }
    });
    </script>
     </body>
    </html>
Источник

4 ответа

Вот как это должно работать в принципе

 <html>
 <head>
   <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
   <link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.0.3/jquery-confirm.min.css" rel="stylesheet">
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.0.3/jquery-confirm.min.js"></script>
 </head>
 <body>
  <button class="btn btn-primary" id="complexConfirm">Click me</button>


   <script>


   $("#complexConfirm").confirm({
    title: 'Confirm!',
    content: 'Simple confirm!',
    buttons: {
        confirm: function () {
            $.alert('Confirmed!');
        },
        cancel: function () {
            $.alert('Canceled!');
        },

    }
});

   </script>
 </body>
</html>
Источник

Вам не хватает библиотеки jQuery.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

Это должна быть самая первая библиотека в главном отделе.

Источник

Возможно, у вас есть другие проблемы (как уже отмечалось, вы, кажется, не загружаете jQuery, от которого зависит jQuery.confirm, и это должно вызвать очень четкое сообщение об ошибке в консоли JavaScript), но основные проблемы заключаются в том, что вы никогда не связываете свой кнопка с плагином:

<button type="button" class="confirm">click me </button>

$.confirm();

Прямо со страницы проекта:

<a href="home" class="confirm">Go to home</a>

$(".confirm").confirm();

Другими словами, вам нужно вызвать плагин для объекта jQuery с правильным выбором.

Источник
Источник
Другие вопросы по тегам