jQuery Mobile Flipswitch没有转换为flipswitch。仍然是一个复选框

Question

我有一个评论主题，我正在尝试将jquery mobile flipswitch小部件附加到。我通过JavaScript应用HTML，我不确定这是否是我的问题所在。在DOM中，我看到了正确的HTML，它与网站上发布的示例相同（https://api.jquerymobile.com/flipswitch/）。但是，我似乎无法获得实际转换为flipswitch的复选框。以下是有问题的JavaScript：

            var html = "";
            html += "<fieldset>";
            html += "<div data-role='fieldcontain'>";
            html += "<input type='checkbox' data-role='flipswitch'>";
            html += "</div>";
            html += "</fieldset>";
            $('#feedContainer').html(html);

我正在开发的网站是100％jquery mobile，其他一切工作正常。

Answer 1

看起来这里的主要问题是jQuery Mobile要求您在添加动态内容时“刷新”样式。我将我的代码更改为以下代码段并且有效：

var flipper = "<input class='theFlipSwitch' type='checkbox' data-role='flipswitch'>";

html += "<span class='theFlipSwitch'></span>";
$('.theFlipSwitch').append(flipper).enhanceWithin();