jQuery UI Dialog içinde Tabs Kullanımı

Bu soru iptal edilmiştir...
Merhabalar,

jQuery UI kullanıyorum. Event ile Dialog açıyorum. Ancak dialog içerisinde sekmeler alt alta gözüküyor.
<div id="tabs">
<ul>
<li><a href="#tabs-1">tab 1</a></li>
<li><a href="#tabs-1">tab 2</a></li>
<li><a href="#tabs-1">tab 3</a></li>
</ul>
<div id="tabs-1"></div>

Biraz araştırdım ancak pek çözüm yolu bulamadım.

Ekli Dosyalar

+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Cevaplar

  • oktaycmk adlı üyenin fotoğrafı
    8 yıl önce yazılmış
    3 cevap - 0 soru
    için float:left olarak css atamayı deneyebilirsin.
    • halidaltuner adlı üyenin fotoğrafı halidaltuner
      ne için anlamadım:)
      8 yıl önce yazılmış
  • Kemal adlı üyenin fotoğrafı
    8 yıl önce yazılmış
    63 cevap - 10 soru
    şunu deneyebilirmisin
    .tabs ul{list-style-type:none;}
    .tabs ul li{float:left;}
    • halidaltuner adlı üyenin fotoğrafı halidaltuner
      Maalesef çözüm olmadı :)
      8 yıl önce yazılmış
    • Kemal adlı üyenin fotoğrafı Kemal
      .tabs ul{list-style-type:none;}
      .tabs ul li{float:left;}  
      

      afedersiniz ben class tanımlamışsınız gibi görmüşün başındaki noktalar # olacaktı
      #tabs ul{list-style-type:none;}
      #tabs ul li{float:left;}  
      
      8 yıl önce yazılmış
    • halidaltuner adlı üyenin fotoğrafı halidaltuner
      Durum değişmedi maalesef :(
      8 yıl önce yazılmış
    • Kemal adlı üyenin fotoğrafı Kemal
      <div id="tabs">
      <ul>
      <li><a href="#tabs-1">tab 1</a></li>
      <li><a href="#tabs-1">tab 2</a></li>
      <li><a href="#tabs-1">tab 3</a></li>
      </ul>
      <div id="tabs-1"></div>
      

      üstündeki divi kapatmışmıydınız ?

      <div id="tabs">
      <ul>
      <li><a href="#tabs-1">tab 1</a></li>
      <li><a href="#tabs-1">tab 2</a></li>
      <li><a href="#tabs-1">tab 3</a></li>
      </ul>
      </div>
      <div id="tabs-1"></div>
      
      gibi
      8 yıl önce yazılmış
    • halidaltuner adlı üyenin fotoğrafı halidaltuner
      Evet aynı şekilde div kapanmış durumda. Maalesef durum aynı:) İşin garip tarafı kod'u farklı js emülatör uygulamalarında çalışınca sorunsuz çalışıyor.
      8 yıl önce yazılmış
  • uls adlı üyenin fotoğrafı
    8 yıl önce yazılmış
    65 cevap - 10 soru
    Jquery UI ile sonradan mı ekleniyor elementler? Öyleyse stili almıyor olabilir, tekrardan belirtmek gerekebilir float değerini yani.

    Değilse de
    #tabs li { float: left; } 

    Yeterli olmalıydı aslında.

    Şu şekilde yaptığınızda bile aynı mı görünüyor?
     
    <div id="tabs">
    <ul style="border: 1px solid black; width: 100%;">
    <li style="float: left;"><a href="#tabs-1">tab 1</a></li>
    <li style="float: left;"><a href="#tabs-1">tab 2</a></li>
    <li style="float: left;"><a href="#tabs-1">tab 3</a></li>
    </ul>
    </div>
    <div id="tabs-1"></div>
    
    • halidaltuner adlı üyenin fotoğrafı halidaltuner
      Bu da çözüm olmadı ama çözümü farklı bir şekilde buldum :)
      8 yıl önce yazılmış