Flipswitch 小部件呈现为外部面板小部件内的下拉菜单

Question

我注意到 flipswitch 小部件呈现为面板内的下拉菜单，如果我将 flipswitch 小部件放在页面内，它会像我在 jQuery 移动演示中看到的那样呈现，有没有办法呈现它和演示一样？

Answer 1

您在代码中初始化了您的外部面板，但您还需要增强面板的内容。

这应该可以解决问题：

<script id="panel-init">
  $(function() {
    $("body>[data-role='panel']").panel().enhanceWithin();
  });
</script>

顺便提一下，如果您在面板内容高于页面大小或动态创建时遇到一些问题，您也可以尝试调换增强功能的顺序（首先增强新内容，然后创建面板） - 根据您的标记，任何最适合您的 - 或尝试调用 $.mobile.resetActivePageHeight().

Flipswitch widget rendered as dropdown inside external panel widget