Пользовательское предупреждение и поле подтверждения в jquery

Есть ли в jquery диалоговое окно alert и confirm с настраиваемым заголовком и пользовательским контентом. У меня есть поиск по многим сайтам, но не могу найти нужное. Любая ссылка на сайт или любой контент заметны.

Ответ 1

Я создал специальный почтовый ящик с помощью компонента jquery UI. Вот демонстрация http://jsfiddle.net/eraj2587/Pm5Fr/14/

Вам нужно передать только такие параметры, как название субтитров, сообщение, текст кнопки. Вы можете указать триггерную функцию при каждом нажатии кнопки. Это поможет вам.

Ответ 2

Попробуйте использовать SweetAlert, это просто самое лучшее. Вы получите много настроек и гибкости.

Подтвердить пример

sweetAlert(
  {
    title: "Are you sure?",
    text: "You will not be able to recover this imaginary file!",
    type: "warning",   
    showCancelButton: true,   
    confirmButtonColor: "#DD6B55",
    confirmButtonText: "Yes, delete it!"
  }, 
  deleteIt()
);

Ответ 3

Проверьте jsfiddle http://jsfiddle.net/CdwB9/3/ и нажмите на удаление

function yesnodialog(button1, button2, element){
  var btns = {};
  btns[button1] = function(){ 
      element.parents('li').hide();
      $(this).dialog("close");
  };
  btns[button2] = function(){ 
      // Do nothing
      $(this).dialog("close");
  };
  $("<div></div>").dialog({
    autoOpen: true,
    title: 'Condition',
    modal:true,
    buttons:btns
  });
}
$('.delete').click(function(){
    yesnodialog('Yes', 'No', $(this));
})

Это поможет вам

Ответ 4

Попробуйте это. Многие примеры, доступные для этой ссылки

http://stefangabos.ro/jquery/zebra-dialog/

http://www.bitrepository.com/stylish-javascript-dialog-boxes.html

http://tutorialzine.com/2010/12/better-confirm-box-jquery-css3/

Это поможет вам

Ответ 5

Вы можете использовать диалоговый виджет JQuery UI

http://jqueryui.com/dialog/

Ответ 6

jQuery UI имеет свои собственные элементы, но jQuery сам по себе не имеет.

http://jqueryui.com/dialog/

Рабочий пример:

<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>jQuery UI Dialog - Default functionality</title>
  <link rel="stylesheet" href="#" onclick="location.href='http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css'; return false;" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css" />
  <script>
  $(function() {
    $( "#dialog" ).dialog();
  });
  </script>
</head>
<body>

<div id="dialog" title="Basic dialog">
  <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>


</body>
</html>