Flipswitch小部件呈现为外部面板小部件中的下拉列表

Posted 2021-05-06

我注意到flipswitch小部件在面板中呈现为下拉列表，如果我把flipswitch小部件放在一个页面中，就像我在jQuery移动演示中看到的一样，有没有办法在演示中呈现它？

答案

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

这应该做的伎俩：

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

除了笔记之外，如果您在面板内容高于页面大小或动态创建时遇到一些问题，您可能还会尝试交换增强顺序（首先增强新内容，然后创建面板） - 对你来说最好的东西，取决于你的标记 - 或尝试调用$.mobile.resetActivePageHeight()。