在drupal中使用jquery ui手风琴的问题

Question

我正在尝试在 drupal 页面上使用 jquery-ui 手风琴功能。我有一个团队，每个团队中有多个我想展示的人。我有一个按团队设置分组的视图，并且有每个团队成员的联系信息。我的手风琴似乎不工作。我使用<?php jquery_ui_add('ui.accordion'); ?>从jquery ui模块中导入了正确的js文件，并且在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>

Answer 1

我希望你已经想通了，但这是我不久前写的一个解决方案......

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

基于 jQuery 和 jQueryUI 的版本可能存在一些不兼容问题，因此这可能有助于解决问题。有一个链接到我让它工作的网站

Answer 2

首先，在对 jQuery 进行故障排除时，我发现缩小传递给它以进行解析的任何 HTML 非常有用。接下来，您确定正在调用 UI 库吗？在加载模块时尝试使用 drupal_add_js('/path/to/jquery.ui.js');。