Yii2 Infinite scroll: Immer Elem.offset (...) ist nicht definiert Fehler auf AJAX laden

Question

Ich verwende Infinite scroll. Ich benutze es in folgenden Weise in index.php

echo \yii\widgets\ListView::widget([ 
    'dataProvider' => $dataProvider, 
    'options' => [ 
     'class' => '.list-view', 
    ], 
    'itemView' => '_view', 
    'summary' => false, 
    'layout' => '{items}<div class="pagination-wrap">{pager}</div>', 
    'pager' => [ 
     'class' => \darkcs\infinitescroll\InfiniteScrollPager::className(), 
     'paginationSelector' => '.pagination-wrap', 
     'pjaxContainer' => $pjax->id, 
    ], 
]); 

Meine _view.php Seite

<div class="view media col-sm-6 col-lg-4 job_container"> 
    <div class="widget display-table shadow-z-1 text-center"> 

     <div class="view-info text-left"> 

      <b>Address : </b><?Php echo $locationArray['fullAddress']; ?> 
      <div class="clearfix"></div> 
      <b>Owner : </b><?Php echo $ownerName; ?> 
      <div class="clearfix"></div> 
      <b>Tenant : </b><?Php echo $tenantName; ?> 
      <div class="clearfix"></div> 

     </div> 

    </div> 
</div> 

Jetzt, als ich Seite nach unten scrollen, erhalte ich folgenden js Fehler

TypeError: elem.offset(...) is undefined var elemTop = elem.offset().top;

In meinem infinitescroll.js

function isScrolledToBottom(elem, container) { 
     var containerViewTop = container.scrollTop(); 
     var containerViewBottom = containerViewTop + container.height(); 

     var elemTop = elem.offset().top; // Here i am getting error 
     var elemBottom = elemTop + elem.height(); 

     return (elemBottom - options.bufferPx <= containerViewBottom); 
    } 

ich ha Ich habe viele Male versucht. aber ich kann keinen Erfolg haben. Irgendwelche Hilfe Bitte.

Answer 1

Versuchen Sie, den Punkt im Namen

Klasse Entfernen

'options' => [ 
    'class' => 'list-view', 
],