проблема с использованием JQuery UI аккордеона в Drupal - PullRequest
1 голос
/ 12 октября 2010

Я пытаюсь использовать функциональность аккордеона jquery-ui на странице drupal. У меня есть команды с несколькими людьми в каждой команде, которые я хочу показать. У меня есть представление, настроившее эти группы по командам, и у меня есть контактная информация для каждого члена команды. Кажется, мой аккордеон не работает. Я использовал <?php jquery_ui_add('ui.accordion'); ?> для импорта правильного файла js из модуля jquery ui, и он отображается в файле js.

Мне было интересно, есть ли у меня слишком много тегов div, и это шо-шу с этим. Кто-нибудь видит что-нибудь, что может повлиять на это?

Спасибо за любые мысли.

Вот пример кода -

<div id="accordion">

<div>
      <h3><a href="#">Team: 1</a></h3>

     <p>

  <div class="views-field-title">
          <label class="views-label-title">
        Title:
      </label>
                <span class="field-content"><a href="/node/83">John Doe</a></span>
  </div>

  <div class="views-field-field-email-value">
          <label class="views-label-field-email-value">
        Email:
      </label>
                <span class="field-content">John.Doe@email.com</span>
  </div>

  <div class="views-field-field-phone-value">
          <label class="views-label-field-phone-value">
        Phone:
      </label>
                <span class="field-content">555-555-5555</span>
  </div>

  <div class="views-field-field-extension-value">
          <label class="views-label-field-extension-value">
        Extension:
      </label>
                <span class="field-content"></span>
  </div>

  <div class="views-field-field-role-value">
          <label class="views-label-field-role-value">
        Role:
      </label>
                <span class="field-content">Team Leader</span>
  </div>
    </p>

и вот мой аккордеонный звонок jquery -

<script>
  $(document).ready(function() {
 $(function() {
  $( "#accordion" ).accordion();
 });
  });
  </script>

Ответы [ 2 ]

1 голос
/ 22 декабря 2010

Я надеюсь, что вы уже поняли это, но вот решение, которое я написал некоторое время назад ...

http://www.cleaver.ca/content/jquery-ui-accordion-drupal-6

Возможны некоторые несовместимости в зависимости от версииjQuery и jQueryUI, так что это может помочь разобраться.Там есть ссылка на сайт, где у меня это работает

0 голосов
/ 12 октября 2010

Прежде всего, при устранении неполадок jQuery я обнаружил, что очень полезно уменьшать любой HTML-код, который я передаю ему для анализа.Далее вы уверены, что вызывается библиотека пользовательского интерфейса. Попробуйте использовать drupal_add_js('/path/to/jquery.ui.js'); при загрузке модуля.

...