Javascript 从代码创建翻转切换

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

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');

var favFlip='To fav:'+
''+
“关”+
“开”+
'';
$（'.ui content'）.append（favFlip）；
var flip=$（'偏好flip'）；
flip.slider（'refresh'）；

---

此代码在

pagebeforeshow

处理程序中工作，并抛出错误：

Uncaught无法在初始化之前调用滑块上的方法；试图调用方法“刷新”

。如何修复它？

您可能希望尝试在

pageshow

中运行它，然后肯定会加载DOM，并且

$（“#收藏夹翻转”）的容器将被初始化

编辑：尝试：
.slider（）
。这样做是因为您正在创建滑块对象，而不是更新现有的滑块对象。
示例：
很遗憾，没有，容器完全初始化