it-swarm.it

Controllo dell'altezza di una fisarmonica jQuery nella pagina dei contenuti

Sono riuscito ad aggiungere una pagina con il contenuto della fisarmonica jQuery al mio sito Drupal7 seguendo le istruzioni/il codice forniti qui: http://www.chrisherberte.com/blog/drupal-7-and-jquery-ui-accordion .

Tuttavia, l'altezza nei campi a discesa non viene calcolata correttamente. Alcuni sono troppo lunghi con molto spazio bianco, altri sono troppo corti, il che significa che viene aggiunta una barra di scorrimento per visualizzare tutto il testo. Sembra prendere tutte le altezze di ciascun campo e usarlo per calcolare un'altezza media che poi applica.

Ho provato il tema Bartik predefinito, così come il mio tema personalizzato, la funzionalità è la stessa su entrambi, quindi non un problema CSS, ma un problema con lo stesso jquery.

Inoltre, l'uso degli elementi dell'elenco HTML impedisce che funzioni tutti insieme e incasina completamente la formattazione .

screenshot

Non ho idea di dove o come modificare Jquery per risolvere questo problema e certamente non voglio davvero essere un hacker.

5
Renaee

Innanzitutto dovresti provare a impostare autoHeight su false , questo risolverà il problema dell'altezza.
Dovresti anche considerare sare comportamenti in Drupal.

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

Quindi ho potuto trovare il problema relativo agli elenchi HTML, ho preso il tuo HTML, l'ho messo localmente e ho usato sorgente demo per la fisarmonica dell'interfaccia utente di jQuery (la sezione 3 contiene un elenco HTML all'interno) e sembra funzionare bene .

HTML lists working fine

3
tostinni