Question

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

我的问题如下：我正在尝试使用手风琴，其中每个标签都是一个类别，当扩展时，手风琴会显示该类别中的艺术家。到目前为止，非常好。

现在，我想要实现的另一部分是：一旦我点击选项卡（有一个“＃”链接），我需要在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解决方案可能是错误的，不管怎样，任何帮助都会受到高度赞赏。

Answer 1

尝试使用jQuery，并制作一些代码，以满足您的需求。

像

$('#contentbox').click( function() {
   $('#content').ajax( /* do ajax stuff */ );
   // animate accordion
});

Answer 2

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

使用观察者捕获点击事件。这样你就可以从你的javascript中分离你的html。
用来做ajax requests =＆gt;你可以“成功”做多件事当ajax请求失败时抛出干净错误。
您的图书馆还会为您提供触发多个观察者“onClick”的工具

建立一个链接做2个动作

2 个答案: