javascript - 从代码创建翻转开关

Question

我正在尝试从代码创建翻转切换。

var favFlip = '<label for="favourFlip">To fav:</label>'+
        '<select id="favourFlip" data-role="slider">'+
            '<option value="off">Off</option>'+
            '<option value="on">On</option>'+
        '</select>';
        $('.ui-content').append(favFlip);
var flip = $('#favourFlip');
flip.slider('refresh');

此代码在pagebeforeshow处理程序中工作并抛出错误：Uncaught cannot call methods on slider prior to initialization; attempted to call method 'refresh'。怎么修？

Answer 1

您可能想尝试在 中运行它pageshow，然后肯定会加载 DOM 并且您的容器$('#favourFlip')将被初始化。

编辑：尝试：.slider()。您这样做是因为您正在创建一个滑块对象，而不是更新一个已经存在的对象。示例：http: //jsfiddle.net/Caavoow/724yH/3/