0

特別なタグの後 ( div end の後) にサブメニューを挿入すると問題が発生します。私が欲しいのは:

<li>
 <div class="toggle">Menu1</div>
 <ul style="display: none;" class="content">
    <li class="first2"><a href="#">menu2</a></li>
   <li class="first2"><a href="#">menu2</a></li>
 </ul>
</li>

しかし、私が得るものは次のとおりです。

<li>
 <div class="toggle">Menu1
 <ul style="display: none;" class="content">
    <li class="first2"><a href="#">menu2</a></li>
   <li class="first2"><a href="#">menu2</a></li>
 </ul>
 </div>
</li>

私のコードのタイポスクリプトは次のとおりです。

 lib.menuVertical= HMENU
 lib.menuVertical.wrap = <ul class="rgaccordmenu"> |</ul>
 lib.menuVertical.entryLevel = 1

 lib.menuVertical{
     1 = TMENU
     1{

        # no state: formatting for normal items
        expAll = 1
    NO{
          wrapItemAndSub = <li><div class="empty">|</div></li>
    }
            # act state: valid from the rootpage to the actual page
    ACT=1
    ACT{
      wrapItemAndSub = <li class="empty">|</li>
    }
            # cur state: valid for the actual page
    CUR=1
    CUR{
      wrapItemAndSub = <li class="empty">|</li>
    }
            # ifsub state: valid for pages that have subpages
    IFSUB=1
    IFSUB{
     wrapItemAndSub = <li><div class="toggle">|</div></li>

    }
    }
  2 = TMENU
   after = </div>
  2.wrap = <ul style="display: none;" class="content">|</ul>
    2{
      NO{

      wrapItemAndSub = <li class="first2">|</li>
    }
    ACT=1
    ACT{
      wrapItemAndSub = <li class="first2">|</li>
    }
    CUR=1
    CUR{
      wrapItemAndSub = <li class="first2">|</li>
    }
    IFSUB=1
    IFSUB{
      wrapItemAndSub = <li class="first2">|</li>
    }
    }

}

not in ... の後にサブメニューを挿入する方法を知っていますか、ありがとう。

4

1 に答える 1

2

wrapItemAndSub名前が示すように、サブページを含むアイテム全体をラップします。linkWrap必要なものです。

以下を試してください:

lib.menuVertical= HMENU
lib.menuVertical {
    wrap = <ul class="rgaccordmenu">|</ul>
    entryLevel = 1

    1 = TMENU
    1 {
        expAll = 1

        # no state: formatting for normal items
        NO {
            wrapItemAndSub = <li>|</li>
            linkWrap = <div class="empty">|</div>
        }

        # act state: valid from the rootpage to the actual page
        ACT = 1
        ACT {
            wrapItemAndSub = <li class="empty">|</li>
        }

        # cur state: valid for the actual page
        CUR = 1
        CUR < .ACT

        # ifsub state: valid for pages that have subpages
        IFSUB = 1
        IFSUB {
            wrapItemAndSub = <li>|</li>
            linkWrap = <div class="toggle">|</div>
        }
    }
    2 = TMENU
    2 {
        wrap = <ul style="display: none;" class="content">|</ul>

        NO {
            wrapItemAndSub = <li class="first2">|</li>
        }

        # these are not needed if their content equals
        # ACT = 1
        # ACT < .NO

        # CUR = 1
        # CUR < .NO

        # IFSUB = 1
        # IFSUB < .NO
    }
}
于 2013-03-19T13:40:52.120 に答える