1

我正在 dojo mobile 中制作动态边缘到边缘列表。我动态地将 li 添加到我的主要 ul 中。Dojo mobile 负责处理初始的 li 标记集,使它们的样式正确,并应用 dojo mobile 需要的所有类。但是,当 javascript 删除旧的 li 并制作新的时,dojo mobile 无法识别新标签并为其设置样式。有没有办法让dojo mobile返回并添加它的样式?我认为我只需要弄清楚如何重新运行解析器。这是我到目前为止所拥有的以及它的样子:

    function changeToCategoryNav()
{
    $("#browseLabel").hide();
    $("#CategoryLabel").show();
    $("#navList").html("");
    $("#navList").append(
    "<li data-dojo-type='dojox.mobile.ListItem' data-dojo-props='moveTo:" + '"general"' + "'> Boxes & Covers </li>" + 
    "<li data-dojo-type='dojox.mobile.ListItem' data-dojo-props='moveTo:" + '"wifi"' + "' onclick='changeToSectionNav();'> EMT </li>" + 
    "<li data-dojo-type='dojox.mobile.ListItem' data-dojo-props='moveTo:" + '"general"' + "'> Enclosures & Wireway </li>" + 
    "<li data-dojo-type='dojox.mobile.ListItem' data-dojo-props='moveTo:" + '"wifi"' + "'> Fittings </li>" + 
    "<li data-dojo-type='dojox.mobile.ListItem' data-dojo-props='moveTo:" + '"general"' + "'> Liquidite </li>" + 
    "<li data-dojo-type='dojox.mobile.ListItem' data-dojo-props='moveTo:" + '"wifi"' + "'> PVC </li>"
    );
}

function changeToSectionNav()
{
    $("#SectionLabel").show();
    $("#navList").html("");
    $("#navList").append(
    "<li data-dojo-type='dojox.mobile.ListItem' data-dojo-props='moveTo:" + '"general"' + "'> Diecast </li>" + 
    "<li data-dojo-type='dojox.mobile.ListItem' data-dojo-props='moveTo:" + '"wifi"' + "'> Elbows </li>" + 
    "<li data-dojo-type='dojox.mobile.ListItem' data-dojo-props='moveTo:" + '"general"' + "'> Steel Compression </li>" + 
    "<li data-dojo-type='dojox.mobile.ListItem' data-dojo-props='moveTo:" + '"wifi"' + "'> Steel Compression Insulated </li>" + 
    "<li data-dojo-type='dojox.mobile.ListItem' data-dojo-props='moveTo:" + '"general"' + "'> Steel Compression Raintight </li>" + 
    "<li data-dojo-type='dojox.mobile.ListItem' data-dojo-props='moveTo:" + '"wifi"' + "'> Steel Set Screw </li>"
    );
}




<ul id="navList" data-dojo-type="dojox.mobile.EdgeToEdgeList" data-dojo-props='transition:"flip"'>
                    <li data-dojo-type="dojox.mobile.ListItem"
                        data-dojo-props='moveTo:"general"'>
                        Conduit & Raceway
                    </li>
                    <li data-dojo-type="dojox.mobile.ListItem"
                        data-dojo-props='moveTo:"wifi"'>
                        Control & Automation
                    </li>
                    <li data-dojo-type="dojox.mobile.ListItem"
                        data-dojo-props='moveTo:"general"'>
                        Datacom
                    </li>
                    <li data-dojo-type="dojox.mobile.ListItem"
                        data-dojo-props='moveTo:"wifi"'>
                        Distribution Equipment
                    </li>
                    <li data-dojo-type="dojox.mobile.ListItem"
                        data-dojo-props='moveTo:"general"' onclick="changeToCategoryNav();">
                        Fittings & Boxes
                    </li>
                    <li data-dojo-type="dojox.mobile.ListItem"
                        data-dojo-props='moveTo:"wifi"'>
                        Fuses
                    </li>
                </ul>

第一个列表 - 我希望它看起来如何 单击选项后,新列表已填充 - 样式不正确

4

0 回答 0