Search jQuery

jQuery Forum

Latest release list thumbnail issue

in jQuery Mobile • 9 months ago

The latest release is causing my lists to always see a thumbnail as being present even though it is not the first element in the content.

A good example of this can be seen here: http://campfinder.campingroadtrip.com/CampgroundsList.aspx?zipcode=44001%20(Henrietta,%20Ohio)

It's obvious that the newest build is pushing out thumbnails even though it shouldn't. Is there a way to disable this behavior?

Replies(1)

edelabar

Re: Latest release list thumbnail issue

9 months ago

Ok, here's your problem:

https://github.com/jquery/jquery-mobile/blob/master/js/jquery.mobile.listview.js

Lines 37-39 currently look like this:

.find("img:first-child:eq(0)").addClass( "ui-li-thumb" ).each(function() {
item.addClass( $(this).is( ".ui-li-icon" ) ? "ui-li-has-icon" : "ui-li-has-thumb" );
}).end()

The selector on line 1 is too general, finds any image in the parent li that is a first-child, adds the ui-li-thumb class to it and the ui-li-has-thumb to the li. From what I can tell in the source there isn't an obvious switch to turn this behavior off.

Short of hacking the javascript, your best bet would be to write a more-specific CSS rule to override the ul-li-thumb class' default behavior, maybe something like this (just a guess here, it'll probably need some more tweaking depending on the rest of your site):

.ul-li-has-thumb div > .ul-li-thumb {
position: static;
float: none;
margin-right: 0;
}

Without knowing exactly what you intend it to look like that's the best I can do. Good luck!

-Eric

Top Reply

Response title

Attachments

jQuery Forum

Latest release list thumbnail issue

Replies(1)

Re: Latest release list thumbnail issue

Statistics

Tags

Actions

Related Posts