web-gelistirme-sc.com

İçerik sayfasındaki jQuery akordeonunun yüksekliğini kontrol etme

Burada verilen talimatları/kodu izleyerek Drupal7 siteme bir jQuery akordeon içerik sayfası eklemeyi başardım: http://www.chrisherberte.com/blog/drupal-7-and-jquery-ui-accordion .

Ancak, açılır alanlardaki yükseklik doğru hesaplanmıyor. Bazıları çok fazla beyaz alanla çok uzun, diğerleri çok kısa, yani tüm metni görüntülemek için kaydırma çubuğu eklendi. Her alanın tüm yüksekliklerini alıyor ve bunu daha sonra geçerli olan ortalama bir yüksekliği hesaplamak için kullanıyor gibi görünüyor.

Varsayılan Bartik temasını ve özel temamı denedim, işlevsellik hem css sorunu hem de jquery ile ilgili bir sorun için aynı.

Bunun da ötesinde, HTML listesi öğelerini kullanmak onun birlikte çalışmasını durdurur ve biçimlendirmeyi tamamen bozar .

screenshot

Nerede veya nasıl bu sorunu çözmek için Jquery düzenlemek için hiçbir fikrim yok ve kesinlikle gerçekten hack çekirdek olmak istemiyorum.

5
Renaee

İlk önce autoHeight değerini false olarak olarak ayarlamaya çalışmalısınız, bu yükseklik sorununu çözecektir.
Ayrıca Drupal'da davranışları kullanın dikkate almalısınız.

<?php
drupal_add_library('system', 'ui.accordion');
drupal_add_js("
  (function ($) {
    Drupal.behaviors.accordionRoles = {
      attach: function (context, settings) {
        $('#accordion').accordion({
          autoHeight: false
         });
      }
    };
  }(jQuery));
", 'inline');
?>

Sonra HTML listeleri ile ilgili sorunu bulabilirim, HTML'nizi aldım, yerel olarak koydum ve jQuery UI akordeonu için demo kaynağı kullandım (bölüm 3 içinde bazı HTML listesi var) ve iyi çalışıyor gibi görünüyor .

HTML lists working fine

3
tostinni