0

在此之前，我不知道我是否采取了正确的方法，所以请耐心等待。

我的问题如下：我正在尝试使用手风琴，其中每个选项卡都是一个类别，当展开时，手风琴会显示该类别中的艺术家。到目前为止，一切都很好。

现在，我想要实现的另一部分是：单击选项卡（有一个“#”链接）后，我需要在 div 中显示艺术家列表，我打算用 AJAX 来做. 如果链接在手风琴内容内（例如，如果我想单击艺术家），我可以毫无问题地执行此操作，但在单击选项卡时无法弄清楚如何使其工作。

我的代码如下： 

<li class="artistlist">
<a href="#">Photo</a>
<ul>
    <li><a href="artist.html">Artist</a></li>
    <li><a href="artist.html">Artist</a></li>
    <li><a href="artist.html">Artist</a></li>
</ul>
</li>
</ul>

<div id="contentbox">
<div id="artistcat">


</div>
</div><!-- /contentbox -->

我正在尝试做的是以下内容：将 href=# 替换为以下内容： <a href="javascript:ajaxpage('ajaxed/abstrakt.html', 'contentbox');">Abstrakt</a>

因此，当单击一个类别（例如“照片”）时，它会展开手风琴（它会这样做）并在 ajax 框中显示内容，这与手风琴的内容完全相同，只是带有缩略图。

所以基本上，我需要使该选项卡链接执行 2 个操作：1）展开手风琴和 2）显示 ajax 内容。

我在想也许 AJAX 解决方案是错误的方式，无论哪种方式，任何帮助都将不胜感激。

4

2 回答 2

2

尝试使用 jQuery，并编写一小段代码来满足您的需要。

喜欢

$('#contentbox').click( function() {
   $('#content').ajax( /* do ajax stuff */ );
   // animate accordion
});
于 2013-05-30T07:58:26.937 回答
0

如果可以，请使用 jQuery 或其他库。

  • 使用观察者来捕获点击事件。这样你就可以将你的 html 从你的 javascript 中分离出来。
  • 用于执行 ajax 请求 => 您可以“成功”执行多项操作，并在 ajax 请求失败时抛出干净错误。
  • 您的库还将为您提供触发多个观察者“onClick”的工具
于 2013-05-30T08:17:02.380 回答