【问题标题】:Root node in a tree should be expanded by default树中的根节点应默认展开
【发布时间】:2014-05-01 16:00:00
【问题描述】:

我只需要默认展开根节点。任何人都可以帮我解决这个问题。以下是 HTML 和 Jquery。

它具有展开和折叠功能。当您单击树中的文本时,它会展开和折叠。

我已经在JSFiddle中添加了http://jsfiddle.net/FFc7z/

    <div>
         <ul id ="expList">
                <li>
                    Root
                    <ul>
                        <li>

                            Child 1
                            <ul>
                                <li>                             
                                    Subchild 1</li>
                                <li>                                
                                    Subchild 2</li>
                                <li>                              
                                   Subchild 3</li>
                            </ul>
                        </li>
                        <li>

                            Child 2
                            <ul>
                                <li>                                
                                    Subchild 1</li>
                                <li>Subchild 2</li>
                            </ul>
                        </li>
                <li>
                   child3
                </li>
                    </ul>
                </li>
            </ul>
        </div>

Jquery

 $(document).ready( function() {
      prepareList()
  });

function prepareList() {
  $('#expList').find('li:has(ul)')
    .click( function(event) {
        if (this == event.target) {
            $(this).toggleClass('expanded');
            $(this).children('ul').toggle('medium');
        }
        return false;
    })
    .addClass('collapsed')
    .children('ul').hide();
 };

【问题讨论】:

    标签: tree root-node


    【解决方案1】:

    添加

    $('#expList>li>ul').show(); 
    

    作为prepareList()函数的最后一行

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2023-03-13
      • 2019-01-07
      • 2016-11-18
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多