Бесконечная прокрутка внутри div с датой загрузки AJAX (jQuery)

17

Я пытался понять это по нескольким вопросам здесь, SO, выясняя разные части, а затем собираю их, но теперь я отказываюсь.

То, что я пытаюсь сделать:

Пользователь находится на странице, нажимает кнопку и список содержимого загружается в div, используя jQuerys .ajax. Когда он или она прокручивается до нижней части div, загрузите больше контента. Как видно на Twitter, но это внутри div.

Я видел примеры того, как иметь бесконечную загрузку в прокрутке, но проблема в том, что эти примеры перезагружают всю страницу (кажется)

Кто-нибудь понял, как я могу это сделать?

Как сказано, я не могу выполнить это, используя обычные средства.

Страница создается следующим образом:

Страница 1, имеет div, пустой, пока пользователь не нажмет кнопку.

Page 2 загружает много контента. Когда пользователь нажимает кнопку на странице 1, она загружается в div.

Когда пользователь прокручивает div (он имеет переполнение, установленное в auto) и заканчивается в нижней части div, он должен загрузить следующую страницу или так сказать.

Спасибо заранее! :)     

задан Eax 10.06.2011 в 21:38
источник

4 ответа

13

Есть несколько плагинов, которые делают это для вас достаточно хорошо.

Ссылка

Ссылка

EDIT: еще несколько современных плагинов:

Ссылка

Ссылка

    
ответ дан 472084 10.06.2011 в 21:43
  • На самом деле, я думаю, вы МОЖЕТЕ! Решили это :) Спасибо! Я вернусь, если не смогу заставить его работать :) Ты потрясающий! –  Eax 10.06.2011 в 21:56
  • Я отрицал, потому что я ищу фактический код, а не плагины. –  v42 21.02.2014 в 22:22
2

Используйте метод JQuery.load () , чтобы захватить некоторое содержимое html, а затем вставьте его в элемент html.     

ответ дан BentOnCoding 10.06.2011 в 21:42
  • См. обновленное сообщение :) –  Eax 10.06.2011 в 21:50
  • метод загрузки перезаписывает все содержимое элемента html. –  nicolascolman 07.07.2017 в 18:28
0

Это небольшой путеводитель о том, как развивать свой собственный бесконечный свиток с помощью ajax и jquery. Ссылка

    
ответ дан Nico Bistolfi 08.07.2013 в 21:34
0

Если вы используете Infinite Scroll от Paul Irish, вы можете просто указать связующее как один из аргументов, в котором вы внедрили бесконечный прокрутки, например:

$('.mydiv').infinitescroll({
     binder: $(".name-of-div")  

По умолчанию привязка привязывается к окну документа, но если вы укажете его, вы можете бесконечно прокручивать прокрутку внутри одного div на своей странице.

    
ответ дан gray 14.10.2013 в 16:17