jquery - 在没有正确 HTML 结构的情况下使 JQuery UI Accordion 工作 (drupal)

Question

我使用的是 JQuery 1.3.2 和 UI 版本 1.7 以及 Drupal 6.15

我想使用 Views 模块的 HTML 输出制作一个 Accordion 。我修改了 .tpl.php 文件以输出可用的 <h2></h2><div></div>,<h2></h2><div></div>...格式。但是，Views 模块将输出包装在另一个 <div> 中。 ，看起来像这样:

    <div class="views-row views-row-1 views-row-odd views-row-first">

        <h2>...</h2>

        <div class="content clearfix">...</div>

   </div>
   <div class="views-row views-row-2 views-row-even">

        <h2>...</h2>

        <div class="content clearfix">...</div>

   </div>

所以基本上，我想要的标签都包含在有问题的 <div> 中。 。

我想到了JQuery 1.4方法element.unwrap() ，但 1.4 会导致 Drupal 6.15 出现问题(AJAX 调用失败)。除了 $rows 之外，Views 不提供任何有用的变量。包含整个 HTML 输出

Answer 1

额外的 div 不应该引起问题(除非 CSS 把它搞砸了)，只是初始化它有点不同:

$("#container_id").accordion({ header: '> div > h2'});

(其中 #container 是包装您的代码和额外父 div 的 div)

请see this example我把它放在一起显示它按预期工作。您可以查看 example here 的来源.