CODEWITHSUNDEEP
javascriptjqueryjquery-mobile
Stack User 5674
Stack User 5674

Reputation: 1588

Add toggle button dynamically in jquery mobile

I want to add a toggle button dynamically. The toggle button will look like in Flip toggle switch Example. I tried like that but i get a different output like data-role="slider" is not working. the code 

$('button').click( function() {
   var element  =  $ ('#test');
    var toggle_button = '<select data-role="slider"><option value="off">Off</option><option value="on">On</option></select>';
    element.append(toggle_button);
});

My JsFiddle is : http://jsfiddle.net/4Fk9L/1/

What I do wrong here?

Upvotes: 0

Views: 3060

Answers (1)

bipen
bipen

Reputation: 36551

call the switch function after the element is appended..

 $('button').click( function() {
    var element  =  $ ('#test');
    var toggle_button = '<select data-role="slider"><option value="off">Off</option>   <option value="on">On</option></select>';
    element.append(toggle_button);
    $('select').slider();  //call plugin function here
});

here is the fiddle

http://jsfiddle.net/4Fk9L/2/

Upvotes: 1

Related Questions