Question

我正在尝试在drupal页面上使用jquery-ui手风琴功能。我希望每个团队中都有多个人组成的团队。我有一个按团队分组的视图，并为每个团队成员提供联系信息。我的手风琴似乎不起作用。我使用<?php jquery_ui_add('ui.accordion'); ?>从jquery ui模块导入正确的js文件，它出现在js文件中。

我想知道我是否有太多div标签，而且是shomehow搞乱它。有没有人看到任何可能影响这个的东西？

感谢您的任何想法。

以下是一些示例代码 -

<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');。

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

2 个答案: