تحميل المزيد من المحتوى مع ajax عند النقر فوق ارتباط أكثر في طريقة عرض

طريقة أخرى باستخدام https://github.com/paulirish/infinite-scroll in Drupal is تحويل أي Drupal = البيجر في جهاز آلي - بيجر التمرير اللانهائي - تحميل المزيد من البيجر .

الخطوة 1

تنزيل jquery.infinitescroll.min.js من https://github.com/paulirish/infinite-scroll ووضعه في /sites/all/themes/YOURTHEME/js/jquery.infinitescroll.min. شبيبة.

الخطوة 2

أضف ملف JavaScript إلى ملف .info الخاص بموضوعك.

الخطوه 3

قم بإنشاء ملف JavaScript مخصص /sites/all/themes/YOURTHEME/js/YOURTHEME.js يحتوي على الكود التالي.

/**
 * Implementation of autopager @see https://github.com/paulirish/infinite-scroll
 * All views that have the "autopager" class will have an autopager
 */
Drupal.behaviors.viewsInfiniteScroll = function(context) {
  $(function(){
    var $container = $('div.autopager div.view-content');    
    $container.imagesLoaded( function(){
      $container.infinitescroll({
        navSelector  : 'div.autopager .pager',    // selector for the paged navigation
        nextSelector : 'div.autopager .pager-next a',  // selector for the NEXT link (to page 2)
        itemSelector : 'div.autopager .views-row',     // selector for all items you'll retrieve
        loading: {
          finishedMsg: 'No more pages to load.',
          img: '/sites/all/themes/YOURTHEME/images/loading.gif'
        }
      })
    })
  });
}

الخطوة 4

أضف CSS لمحمل التمرير اللانهائي

#infscr-loading {
  position: fixed;
  text-align: center;
  bottom: 300px;
  left: 42%;
  z-index: 100;
  background: white;
  background: hsla( 0, 0%, 100%, 0.9 );
  padding: 20px;
  color: #222;
  font-size: 15px;
  font-weight: bold;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

الخطوة الخامسة

تأكد من أن إصدار jquery أحدث من 1.7.1. استخدم إحدى الطرق الموضحة في http://drupal.org/node/1058168 لتثبيت إصدار أحدث من jQuery في دروبال.

لا يمكنني إضافة تعليق على الجواب الأول. ولكن يجب عليك إضافة الوحدة الجديدة: https://www.drupal.org/project/Gd_infinite_scroll تتيح هذه الوحدة تحويل أي محتوى ونداء إلى تمرير لا نهائي أو تحميل المزيد من أجهزة النداء.

من صفحة الوحدة:

توفير إدارة لاستخدام المكوّن الإضافي jQuery التمرير اللامتناهي: الترحيل التلقائي على الصفحات المخصصة باستخدام النداء. يمكنك استخدام التحميل التلقائي على التمرير أو زر تحميل المزيد.