0

HTML 代码。

<div data-role="panel" data-theme="b" id="locationPanel" data-position="right" data-dismissible="true" data-display="overlay">
</div>

JS代码

$("#trackSearch").click(function () {
    if (!loginFlag) {
        $("#toggleLogin").click();
        return false;
    }

    $.ajax({
        url: '/vehicleAlarm/vehicle/nodeByUser',
        type: 'get',
        cache: false,
        dataType: 'json',
        success: function (data) {
            if (data.company) {

            $("#locationPanel").empty();

            var rootStr ="<div data-role='collapsible' id='testcol'  data-collapsed='true'><h3>test</h3><div data-role='fieldcontain'>  <fieldset data-role='controlgroup'><input type='checkbox' name='checkbox-1a' id='checkbox-1a'   class='custom' /><label for='checkbox-1a'>  Cheetos</label><input type='checkbox' name='checkbox-2a' id='checkbox-2a'   class='custom' /><label for='checkbox-2a'>  Doritos</label><input type='checkbox' name='checkbox-3a' id='checkbox-3a'   class='custom' /><label for='checkbox-3a'>  Fritos</label><input type='checkbox' name='checkbox-4a' id='checkbox-4a'    class='custom' /><label for='checkbox-4a'>  Sun Chips</label>   </fieldset></div></div>"

            $("#locationPanel").append(rootStr);

            $("#testcol").collapsible();

            $("input[type=checkbox]").checkboxradio().checkboxradio('refresh');

            $("#locationPanel").panel("open");

            $("#testcol" ).on( "collapsibleexpand", function( event, ui ) {
                console.log("testexpand2");
            });
            }
        }
    });
});

单击按钮时，面板显示和 checkboxradio 小部件显示 jqm 无法呈现原始 html 样式。任何人都可以帮助我吗？..谢谢

4

0 回答 0