2012-05-22 2 views
2

Может быть глупо Q для вас, но я пытаюсь улучшить свои знания jquery. Я показываю сообщения об ошибках в поле предупреждения. Существует ли какой-либо стандартный API, чтобы сделать жизнь программистов простой. Я искал, но не нашел.JQuery Pop-Up для сообщений об ошибках?

Я знал, мы можем сделать это, используя css и html. но я ищу jQuery API. Итак, вместо написания кода в css мы можем просто использовать API.

Если у вас есть предложения, я очень рад попробовать в соответствии с вашими предложениями. был бы благодарен за помощь ...

ответ

5

Вы можете посмотреть на jqueryui. Эти проекты предоставляют вам модальные диалоги, которые должны делать то, что вы хотите.

http://jqueryui.com/demos/dialog/

С сайта jqueryui:

Вызов $ (Foo) .dialog() будет инициализировать диалоговое экземпляр и будет автоматически открыть диалоговое окно по умолчанию. Если вы хотите повторно использовать диалог, самым простым способом можно отключить опцию «автооткрытие»: $ (foo) .dialog ({ autoOpen: false}) и открыть его с помощью $ (foo) .dialog (' открытый'). Чтобы закрыть , используйте $ (Foo) .dialog ('закрыть')

+0

Спасибо Jos ... Это именно то, что я ищу .... Большое вам спасибо ... :-) – Vicky

3

working demo click here

Это может помочь остальным я могу видеть, что @jos дал ссылку API: http://jqueryui.com/demos/dialog/

код для диалога

function showDialog() { 
    $("#dialog-modal").dialog({ 
     resizable: true, 
     height: 140, 
     modal: true, 
     position: 'center', 
     buttons: { 
      'Yes': function() { 
       $(this).dialog("close"); 
       return true; 
      }, 
      'No': function() { 
       $(this).dialog("close"); 
       return false; 
      } 
     } 
    }); 
}; 

$('input').click(function(){ 
    showDialog(); 
}); 
​ 
+0

@ Tats_innit- Большое вам спасибо ... Очень красивое сообщение – Vicky

+1

@ Vicky it aint link Я сделал демо для вас :) Рад, что это помогло! –

0

библиотеки Jquery-подтверждение является хорошим выбором. Посмотрите на https://craftpip.github.io/jquery-confirm/ Может использоваться не только для подтверждения, но также как всплывающее окно, предупреждение и т. Д.

Смежные вопросы