在jquery mobile中动态添加切换按钮

Question

我想动态添加切换按钮。切换按钮看起来像Flip toggle switch Example。我试过这样，但我得到一个不同的输出，如data-role="slider"不起作用。代码

$('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);
});

我的JsFiddle是：http://jsfiddle.net/4Fk9L/1/

我在这里做错了什么？

Answer 1

在添加元素后调用switch函数..

 $('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
});

这里是小提琴

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