вторник, 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);
},

Комментариев нет:

Отправить комментарий