javascript - 在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/