1

dojomobileで動的なエッジツーエッジリストを作成しています。メインのulにliを動的に追加しています。Dojo mobileは、liタグの初期セットを処理して、それらを正しくスタイル設定し、dojomobileが必要とするすべてのクラスを適用します。ただし、javascriptが古いliを削除して新しいものを作成すると、dojomobileは新しいタグを認識してスタイルを設定しません。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