jquery-endless-scroll icon indicating copy to clipboard operation
jquery-endless-scroll copied to clipboard

It is a bug when i use div

Open metadata1984 opened this issue 10 years ago • 2 comments

consider the flowing example with endless-scroll version 1.8.0 <div id="mylist" class="row"> <div style="height:150px;float:left;"> <div>0</div> </div> </div> <script > $("#mylist").endlessScroll({ fireOnce: false, fireDelay: 10, insertAfter:'div.endless_scroll_content:last', content: function(i,p,d){ console.log(i,p,d); return '<div>'+p+'</div>' } }); </script>

Then i run my example.i found the srouce html code is : <div class="endless_scroll_content" data-page="1"> <div style="height:150px;float:left;"> <div>1</div> </div> <div class="endless_scroll_content" data-page="2"> <div style="height:150px;float:left;"> <div>2</div> </div> </div> </div>

i found the jquery.endless-scroll.js in line 160. if (defaults.insertAfter === null) { return this.options.insertAfter = "" + container + " div:last"; }

the defaults.insertAfter is aways null. so the content aways insert after "div.endless_scroll_inner_wrap div:last"

It is a bug? Tnx.

metadata1984 avatar Apr 21 '14 03:04 metadata1984

I found the same issue. If the list contains a div, this plugin does not work.

The simple fix/hack is to comment out line 112 // this.setInsertPositionsWhenNecessary();

kanesee avatar Sep 01 '14 17:09 kanesee

@kanesee thanx! that worked, but now its necessary to pass both insertBefore and insertAfter.

Harshit369 avatar Jul 12 '16 09:07 Harshit369