Search jQuery

jQuery Forum

jQuery Mobile

zazizi

styles (css) not apply to my code

in jQuery Mobile • 10 years ago

hi,

please help me

styles do not apply to my code, i load an xml file and i make my list, but my list does not styles

this is the code :

$.each(tabCommun, function(i, item) {
IncId += 1;
var divListeCommun = "";
var ItemConst = "";
divListeCommun = '<div data-role="collapsible"><h2>'+ item +'</h2><ul data-role="listview" data-filter="true" data-filter-theme="c" data-divider-theme="d">';
ItemConst = item ;
$.each(obj.category, function(j, item) {
if (item == ItemConst )
{
divListeCommun += '<li><a href="#page'+ IncId +'" class="ui-link-inherit">'+ obj.title[j] +'</a></li>'
}
});
divListeCommun += '</ul></div>';
// alert(divListeCommun);
$('div#contentPageCommun').append(divListeCommun);
});

Replies(4)

haga0054

Re: styles (css) not apply to my code

10 years ago

EDIT: See second post.

zazizi

Re: styles (css) not apply to my code

10 years ago

Thanks for the replay haga0054

I'm a little bit confused, should I add it like that?

$.listview('refresh');

or in a different way?

Thanks so much

haga0054

Re: Re: styles (css) not apply to my code

10 years ago

After looking again I noticed you are inserting an entire div, not just a listview. In this case you need to call trigger('create'); on the parent. Sorry about that.

So, since you are inserting it in the div #contentPageCommun, you need modify to this:

$('div#contentPageCommun').append(divListeCommun).trigger('create');

Here is a working example: http://jsfiddle.net/UgpuA/

Also note I try to use classes instead of ID's. ID's tend to be problematic in JQuery Mobile since once pages are loaded they are stored in the DOM. This means if you have two different pages, but two ID's the same, it will be an issue. I would recommend using classes instead of ID's unless you have a very simple page.

zazizi