jQuery 1.6.1 "undefined" errors

[dpie]

jQuery 1.6.1 is throwing "undefined" errors when the parent element of itemSelector is missing either an ID or class. The following example uses just an ID on the parent element, and throws an "$(element).attr("class") is undefined" error. A similar error is thrown if you use just a class.

This example previously worked fine on jQuery 1.4.4. The error is being caused due to the way jQuery 1.6.x is reporting errors in the .attr() method. "As of jQuery 1.6, the .attr() method returns undefined for attributes that have not been set." http://api.jquery.it/attr/

The way to fix the issue (in the user's code) is to ensure the parent element has both an ID and class assigned to it. I figured this was worth reporting, in case a catch can be added into the InfiniteScroll JS code.

JavaScript:

$('ul#thumbnails').infinitescroll({
  navSelector  : "#results_nav",
  nextSelector : "#results_nav a.next_page",
  itemSelector : "ul#thumbnails li.thumbnail"
});

Failing HTML:

<ul id="thumbnails">...</ul>

Working HTML (the actual values of ID and class are not important, just that they are both present):

<ul id="thumbnails" class="infinite_scrollable">...</ul>

Hope this helps.

[paulirish]

can you link to a page where we can reproduce this?

thx

[dpie]

The app using it is internal, so I can't. Sorry.

[lukeshumard]

can you let us know what line of code this is happening on?

[lukeshumard]

bueller?

[dpie]

This bug was appearing under Infinite Scroll 2.0b1.110420 on line 81:

var number = $(element).length + $(element).html().length + $(element).attr("class").length + $(element).attr("id").length; 

It looks like it has since been resolved in the recent 2.0b2.110603 update.