Простой способ загрузить часть страницы, только если пользователи прокручивают страницу вниз? - PullRequest
1 голос
/ 17 марта 2011

все знают http://www.appelsiini.net/projects/lazyload для загрузки изображений при прокрутке пользователя вниз. Но как насчет части страницы?

Учтите, что у вас есть страница с текстом на верхней странице (всегда отображается), прокрутка вниз, у вас много выделенной области (с большим количеством элементов внутри <option>element 3421</option> etc) + другой элемент.

Можно ли загрузить части страницы (в том числе, например, <select>)? Как?

Ответы [ 2 ]

2 голосов
/ 17 марта 2011

Это звучит как работа для jquery-waypoints , если вы просто заинтересованы в добавлении функциональности в определенный момент.

0 голосов
/ 17 марта 2011

Не пытаясь украсть гром Фредерика - он сначала правильно ответил, я просто не могу легко описать код, необходимый для объяснения моего комментария к @ yes123, в другом комментарии.

Так предположить, что у вас длинныйстраница со списком выбора в самом низу (например, как часть контактной формы в сообщении блога с большим количеством n комментариев).

Итак, предположим, что этот контент находится в самом конце изстраница:

<div id="commentForm">
  Where did you hear about us?:<select id="refererSite"></select>
  ...all the other regular fields... name, email, comment, etc.
</div>

Затем вы можете использовать плагин jQuery waypoint , чтобы загружать только список refererSite из 200+ лучших блогов (например), если и когда пользователь на самом делепрокручивает все остальные комментарии вниз.

Вам просто нужно добавить код скрипта ...

//when the document has loaded...
$(document).ready(function(){
  //queue up code to execute when the user scrolls down to the contactForm
  $('#contactForm').waypoint(function(){
    //get referer site options - AJAX call...
    $.getJSON('http://myserver.example.com/getReferers.json', function(data){
      var options = [];
      //build up options list
      $.each(data, function(key, val){
        options.push('<option value="' + key + '">' + val + '</option>');
      });
      //add to the select element
      $('#refererSite').html(options.join(''));
    });
  });
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...