it-swarm.asia

التحكم في ارتفاع الأكورديون jQuery في صفحة المحتوى

لقد تمكنت من إضافة صفحة محتوى jQuery أكورديون إلى موقع Drupal7 الخاص بي باتباع التعليمات/التعليمات البرمجية المعطاة هنا: http://www.chrisherberte.com/blog/drupal-7-and-jquery-ui-accordion .

ومع ذلك ، لا يتم حساب الارتفاع في الحقول المنسدلة بشكل صحيح. بعضها طويل جدًا مع الكثير من المساحة البيضاء ، والبعض الآخر قصير جدًا مما يعني إضافة شريط تمرير لعرض النص بأكمله. يبدو أنها تأخذ كل ارتفاعات كل حقل وتستخدم ذلك لحساب متوسط ​​الارتفاع الذي يتم تطبيقه بعد ذلك.

لقد جربت سمة Bartik الافتراضية ، بالإضافة إلى السمة المخصصة الخاصة بي ، والوظيفة هي نفسها في كليهما ، لذا ليست مشكلة في css ، ولكن مشكلة في jquery نفسه.

علاوة على ذلك ، فإن استخدام عناصر قائمة HTML يوقفها عن العمل معًا ، و يفسد التنسيق تمامًا .

screenshot

ليس لدي أي فكرة عن مكان أو كيفية تحرير Jquery لإصلاح هذه المشكلة وبالتأكيد لا أريد حقًا أن تكون اختراقًا أساسيًا.

5
Renaee

يجب أولاً محاولة تعيين autoHeight إلى false ، سيؤدي ذلك إلى إصلاح مشكلة الارتفاع.
يجب أن تفكر أيضًا في استخدام السلوكيات في دروبال.

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

ثم يمكنني العثور على المشكلة المتعلقة بقوائم HTML ، أمسكت HTML الخاص بك ، وقمت بوضعه محليًا واستخدم المصدر التجريبي لـ jQuery UI accordion (يحتوي القسم 3 على بعض قائمة HTML بداخله) ويبدو أنه يعمل بشكل جيد .

HTML lists working fine

3
tostinni