Показаны сообщения с ярлыком Popup. Показать все сообщения
Показаны сообщения с ярлыком Popup. Показать все сообщения

вторник, 28 мая 2013 г.

Notification Alerts как в Android приложениях используя jQuery Mobile Popup

C первого взгляда Notifications в jQuery Mobile не существуют, а использовать Dialogs для простых задач неудобно. Существуют сторонние плагины. По опыту разработки, после кастомизации плагинов приходит необходимость создания своего плагина. Предпочитаю использовать всё, что есть из коробки. jQuery Mobile Popup достаточно гибкий. Вот моя реализации Notifications. Комбинируя свойствами jQuery Mobile можно получить достаточно интересные результаты.
Popup: function(text) {
  var popup = $('div')
    .attr('data-role', 'popup')
    .attr('data-transition', 'flip')
    .attr('data-theme', 'e')
    .attr('data-overlay-theme', 'a')
    .addClass('ui-content')
    .html(text)
    .popup();
  popup.popup('open');
  setTimeout(function(){
    popup.popup('close');
  }, 2000);
},