JQuery подтвердить плагин не работает

Question

JQuery подтвердить плагин не работает

0

Я пытаюсь использовать jquery-плагин, используя jquery1.8.3. но обработчик событий (предупреждения) не работает ни для одной из кнопок.

    <!DOCTYPE html>
<html>
<body>

<button class="confirm" type="button">Delete the comment</button>


<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" />
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="jquery.confirm.js"></script>
<script type="text/javascript">

$(document).ready(function(){
$(".confirm").confirm({
    text: "Are you sure you want to delete that comment?",
    title: "Confirmation required",
    confirm: function(button) {
        alert("foo")
    },
    cancel: function(button) {
        alert("bar")
    },
    confirmButton: "Yes I am",
    cancelButton: "No",
    post: true
});
});
</script>
</body>
</html>

любой ключ?

navyad 26 апр. 2014, в 14:34

Источник

0

Если вы посмотрите на требования, он говорит, Bootstrap 3 для модальных
Batu.Khan 26 апр. 2014, в 12:58
0

обновлен код для bootstrap3, но есть ошибка в файле verify.js в modal.modal ('show');
navyad 26 апр. 2014, в 13:08
0

Если вы также используете CSS, он отлично работает FIDDLE
Batu.Khan 26 апр. 2014, в 13:12
0

ошибок нет, но предупреждение по-прежнему не приходит ни для одной из кнопок, вместо этого весь модал исчезает
navyad 26 апр. 2014, в 13:19

Показать ещё 2 комментария

Теги:

jquery

jquery-plugins

confirm

2 ответа

Ещё вопросы

Если вы посмотрите на требования, он говорит, Bootstrap 3 для модальных
обновлен код для bootstrap3, но есть ошибка в файле verify.js в modal.modal ('show');
Если вы также используете CSS, он отлично работает FIDDLE
ошибок нет, но предупреждение по-прежнему не приходит ни для одной из кнопок, вместо этого весь модал исчезает

sagar · Answer 1 · 2014-04-26T12-30-00.000Z

Я вижу, вы пытаетесь использовать настраиваемый плагин подтверждения, где вам нужно скачать jquery confirm plug in и bootstrap. Вместо этого я использовал код, предоставленный jquery для создания подключаемого модуля в моем проекте php, который работает отлично. См. Код ниже. он отлично работает для меня. проверьте эту ссылку для получения дополнительной информации. https://jqueryui.com/dialog/#modal-confirmation

    <!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
<script type="text/javascript">

$(document).ready(function(){
$("#submitbutton").click(function() {
$( "#dialog-confirm" ).dialog( "open" );
      });
 $("#dialog-confirm").dialog({
      autoOpen: false,
      height: 400,
      width: 400,
      resizable: false,
      modal: true,
      buttons: {
        "Confirm": function() {
           alert("Clicked Confirm");
           $( this ).dialog( "close" );

        },
        Cancel: function() {
          alert("Clicked Cancel");
          $( this ).dialog( "close" );
        }
      }
    });
});


</script>
</head>
<body>
<input type="button" id="submitbutton" value="Submit"/>
<div id="dialog-confirm">
<p>Are you sure?</p>
</div>
</body>
</html>

user3383479 · Answer 2 · 2014-04-26T10-54-00.000Z

Попробуйте вот так:

 $(document).ready(function(){
   $(".confirm").click(function(){
     $.confirm({
     'message': "Are you sure you want to delete that comment?",
     'title': "Confirmation required",

     'buttons': {
            'Yes': {

                'action': function(){
                   alert();
                   }
                 },
            'No': {

                'action': function(){
                   alert()
                }
              }
           });

        });

    });

Я не понимаю, почему вы помещаете кнопку в качестве параметра.

не повезло. Хотя здесь можно использовать кнопку // modal.find (". Подтвердить"). Click (function () {settings.confirm (settings.button);});