2010-11-18 13 views
0

Akordeon komut dosyası kullanan bir sitem var ve akordeon sekmelerinden birinin içine kaydırma kutusu yerleştirmek istiyorum. Ancak, kaydırma kutusu iyi çalışır, ancak akordeon komut dosyasını bozar. Bu çatışmanın bir yolu var mı? jscrollpane'i bir jquery akordeon betiği ile birlikte var olmak için nasıl alabilirim?

Bu

sadece akordeon komut dosyası ile site: http://www.namibiaonline.net/sandbox/NBAA/index9.html

Ve bu JScrollPane ile kırık bir ve akordeon script: o kadar, (Ben sadece bir köprüyü yapıştırmak için izin var nedense sadece Herhangi bir yardım çok takdir :) Ash

Bu sorunu çözmek gerekir
+0

http://www.namibiaonline.net/sandbox/NBAA/scroll_test.html – switz

cevap

0

) /scroll_test.html ile /index9.html yerine, kırık birine olsun. beta sürümünü deneyin:

http://groups.google.com/group/jscrollpane/browse_thread/thread/c1bc1bf63e3f80d8

ve senin sorunun yalan nerede olduğuna inanıyorum: Ben de aynı sorun vardı

http://jscrollpane.kelvinluck.com/auto_reinitialise.html

+0

Kullandığım jscrollpane sürümü ve auto reinitialize bir fark yaratmıyor gibi görünüyor (bu kodu eklediğim sürece) yanlış yerde). Şimdiye kadar yaşadığınız en iyi sonuçları şimdiye kadar <= script type "text/javascript" id = "Sourcecode"> kaldırmasını \t $ (function() \t { \t \t $ (' oldu. Scroll- bölme ') jScrollPane(); \t}); ve sonra başka bir sekmeyi tıklatıp içindeki kaydırma kutusunun bulunduğu sekmeye geri döndüğümde, kaydırma çubuğu kaybolduğunda çalışır: -/ – Ash

+0

Her defasında kaydırma bölmesini yeniden başlatmak için bir geri aramayı kullanmayı deneyin. – switz

+0

http://jscrollpane.kelvinluck.com/invisibles.html – switz

0

ve bu Neredeyse çözüldü nasıl:

jQuery(document).ready(function() { 
scrollPane = jQuery(".scroll-pane").jScrollPane({ 
     showArrows: true 
    }); 
var api = scrollPane.data('jsp'); 


jQuery("#accordion").accordion({ 
      changestart: function(event, ui) {    
       api.reinitialise()     
      } 
     }); 
} 

Kaydırma bölmesi sınıfına sahip olan kapların doğru genişlik yüksekliğini tanımladığınızdan emin olun. Benim durumda böyle 3 kaplar oluşturduk:

<div class="scroll-pane"> 

.scroll-pane { 
overflow: auto; 
height: 134px; 
width: 420px; 

} ben taşma, yükseklik ve genişlik tanımlandığı burada sınıf kaydırma bölmesidir

. Ebeveyn konteynerinde yaparsam, kaydırma tüm yüksekliği aldığından ve bir çocuk kabı içinde yapsam da, stilize olmayan bir kaydırma gösterildiğinden gösterilmez.

Yine de ilk bölmeyle ilgili bir sorun yaşıyorum. Sayfanın ilk kez yüklendiği doğru bir şekilde gösterilmektedir, ancak başka bir akordeon sekmesine gidip ilkine geri geldiğimde, bu öğenin genişliği 0 olarak ayarlanmıştır. Sadece ilkinde diğerleri çalışır. .

İlgili konular