1 
<ul>
    <li><span> Level 1 </span>
         <ul>
             <li><span>Level 2</span> 
              <ul>
                   <li><span>Level 3</span></li>
                   <li><span>Level 3</span></li>
               </ul>
              </li>
           </ul>
         </li>
      <li><span> Level 1 </span>
         <ul>
             <li><span>Level 2</span></li>
          </ul>
      <li>
</ul>

上記の形式では、リスト項目があります。Li を選択し、ボタンのクリックで上下に移動する必要があります。しかし、ネストされたリストの移動中に問題に直面しています。内側のリは内部で移動できる必要がありますが、外側のリも内側のリと一緒に移動できる必要があります。どんな助けでも!!!

私は使っている

 selected.prev().before(selected); //for up
     selected.next().after(selected);   // for down

しかし、常に主な李だけが動いています。私は子供たちだけで内部的に移動するように指示する方法がわかりません。

4

1 に答える 1

0

これは、内側の「li」をクリックするたびにイベントがバブルし、子の代わりに完全なliが上に移動するためです。

event.stopPropogation（）を使用して、お子様のクリックでイベントにバインドします'li'

于 2013-03-14T08:01:28.693 に答える