Tree Menu ilerleyin olmayacak

2 Cevap php

Ben üst düğüm genişletilmiş olduğunda alt düğümlerini listeler iç içe bir listesi var. Üst düğüm metnin solunda yer alan bir görüntüyü tıklayıp genişletilir.

Ne yazık ki, sağ sayfadan genişletir. Ben içerik sayfasında kapalı olduğunda görünmesini bir scrollbar istiyorum.

Ben ayarlandığında "taşma: auto", bir kaydırma çubuğu sadece sayfa kapalı genişler ve liste öğeleri sol genişleme görüntüsünü kaldırır, açılır asla.

İşte örnek var html.:

<body>
  <div id="theDiv" style="clear: left;">
    <ul id="theList">
      <li id="1" class="parent">
       <img class="expanded" align="absmiddle" src="./tree_expanded.gif"/>
        Parent1
         <ul style="display: block;">
           <li id="10">
           .....
         </ul>
      </li>
      ....
    </ul>
  </div>
</body>

İşte örnek var js.:

function expand() {
  if(this.className == "expand") {
    jQuery(this.parentNode).children("ul").show();
    this.className = "expanded";
    this.src = "/_images/tree_expanded.gif";
  }
 else {
  jQuery("ul", this.parentNode).hide();
  this.className = "expand";
  this.src = "/_images/tree_unexpanded.gif";
 }
}

İşte örnek var css.:

#theList {
    margin-top: 0;
}

#theList, #theList ul {
    list-style: none;
    margin: 5px 20px;
    padding: 0;
}

#theList .expand, #theList .expanded {
    margin-left: -20px;
    cursor: pointer;
}

#theList img {
    margin-right: 5px;
}

#theList ul {
    display: none;
}

#theList li {
    white-space: nowrap;
    margin-bottom: 4px;
}

2 Cevap

Her şeyden önce, kap div belli bir genişliği, bu yüzden bu kaydırma başlatmak için zaman bilir. Ilerleyin;: Sonraki, taşma-x ayarlayın ya da bu yönde bir şey. Bu çalışması gerekir :)

Tamam, yeterince kalıcı değil doğru yolda ama. CSS gerçekten beni deli ediyor. Ben kaydırmak almak için div ve liste yüksekliğini hem de ayarlamanız gerekir. Ben birini veya başka değil, hem de çalışıyordu.

Ben böyle bir n00b değilim.

etiketler