从代码创建翻转切换

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/Calavoow/724yH/3/