Потяните, чтобы обновить Javascript

#javascript #jquery #jquery-mobile

#javascript #jquery #jquery-мобильный

Вопрос:

Я использую jQuery Mobile и видел пару сценариев Pull для обновления.

Мне особенно нравится этот, но даже демо, похоже, не работает на их веб-сайте.

Мой вопрос таков… кто-нибудь знает о каком-либо рабочем pull для обновления скриптов для веб-приложений?

Ответ №1:

Я создал свой собственный плагин jQuery / jQuery Mobile (поддерживаются pull для обновления и бесконечная прокрутка): https://github.com/zippy1978/jquery.scrollz

1. Привет, Живчик, мне действительно понравился плагин ur, но я не знаю, почему он затрудняет прокрутку. Я имею в виду, что это каким-то образом удалило мое событие прокрутки окна, и прокрутка стала немного грубой. Также, когда я «достиг дна», он прокручивается к вершине вместо того, чтобы оставаться в том же месте. Я надеюсь, это поможет вам улучшить ваш плагин. В настоящее время я пишу свой собственный код, но если вы можете исправить вышеупомянутые проблемы в плагине ur, пожалуйста, дайте мне знать, что я хотел бы использовать плагин ur.

Ответ №2:

ДЕМОНСТРАЦИЯ

Кодовая база для извлечения для обновления

Ответ №3:

 $("body").ready(function _onbodyready() {
    var $feedback = $('#feedback');
    $("#main-content-div")
      .pullToRefresh()
     .on("end.pulltorefresh", function (e, percent){
      $feedback.html("ok");
   })
     .on("move.pulltorefresh", function (e, percent){
      $feedback.html(percent   ' %');
     })

});

Ответ №4:

Настоятельно рекомендую извлекать, чтобы обновить библиотеку здесь. Только что внедрил это, и это отлично работает.

Для получения базовой функциональности зайдите на их GitHub и загрузите index.umd.min.js файл и включите его. Затем используйте следующий код:

 PullToRefresh.init({
  mainElement: '#main_div',
  onRefresh: function() { location.reload(); }
});

Это будет имитировать функциональность, которую вы можете увидеть здесь, в этой демонстрации