What is the correct syntax to dynamically add checkbox items to a list in jQuery Mobile?

Question

I have been successful in adding list items of <li> to a unordered list ul. But now it seems I am having trouble adding checkbox items to a list which is within one <li>. In my jsfiddle below

I empty the list
Append to the list
Refresh the list to add the jqm class styles

Again this has worked in the past for adding list items to a list.I am sure my syntax is just wrong.

http://jsfiddle.net/N7Z9e/1112/

Jasper · Accepted Answer · 2012-03-01 17:50:21Z

1

This line:

$("#ulTest").listview("refresh")

Should change to:

$("#ulTest").listview("refresh").find('input').checkboxradio();

You have to initialize any widget that you add dynamically. Basically you're telling jQuery Mobile that you have added a widget and you want it to be styled. You were updating the listview widget but not initializing the new checkbox widgets.

Docs: http://jquerymobile.com/demos/1.1.0-rc.1/docs/forms/checkboxes/methods.html

Here is an updated version of your JSFiddle: http://jsfiddle.net/jasper/N7Z9e/1113/

answered Mar 1, 2012 at 17:50

Jasper

76.1k14 gold badges153 silver badges148 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

tedski · Accepted Answer · 2012-03-01 15:34:14Z

0

Switch the binding method to just .click

$('#btnTest').click(function(e){
});

answered Mar 1, 2012 at 15:34

tedski

2,2863 gold badges27 silver badges48 bronze badges

1 Comment

isurfbecause Over a year ago

Yes that does fix the button event. I just put it there for this demo purposes. However, the real question is how to get newly inserted checkbox item styled with the jQuery classes.

Collectives™ on Stack Overflow

What is the correct syntax to dynamically add checkbox items to a list in jQuery Mobile?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related