建立一个链接做2个动作

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

我的问题如下:我正在尝试使用手风琴,其中每个标签都是一个类别,当扩展时,手风琴会显示该类别中的艺术家。 到现在为止还挺好。

现在,我想要实现的另一部分是:一旦我点击选项卡(有一个“#”链接),我需要在div中显示艺术家列表,我打算用AJAX做。 如果链接是INSIDE手风琴内容(例如,如果我想点击一个艺术家),我可以毫无问题地做到这一点但是在点击标签时无法弄清楚如何使其工作。

我的代码如下:

  • Photo
  • 而我正在尝试做的是:用这样的东西替换href =#: Abstrakt

    因此,当点击一个类别(例如“照片”)时,它会扩展手风琴(它会这样做)并在ajax框中显示内容,这与只有缩略图的手风琴的内容完全相同。

    所以基本上,我需要让标签链接做2个动作:1)扩展手风琴,2)显示ajax内容。

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

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

    喜欢

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

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

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