【问题标题】:Loading info into a div depending what link is clicked根据单击的链接将信息加载到 div
【发布时间】:2011-08-31 05:00:24
【问题描述】:

我有一个包含左侧和右侧的 wordpress 页面。在左侧,我将有大量关于设计的信息,在右侧,我将有大量关于营销的信息。

每一面都有一系列子类别,因此在设计中它有品牌、印刷等。右侧(营销)有它自己的子类别。本质上,这些只是链接。

这就是我想要发生的事情:

当用户单击左侧的任何链接(这些是子类别)时,我希望它在其下方加载一些信息。如果他们单击另一个链接,它将用更多信息替换该信息。右侧也应如此。

所以本质上,我希望左侧的链接负载将信息加载到该侧的 div 中,而右侧的链接负载将信息加载到该侧的 div 中。

所以我希望左右两边独立工作。

最好的方法是什么?

更新:

<div id="design">
   <h1 style="width:65px;">Design</h1>
   <a href="test-link">Branding</a>, <a href="test-link">Print</a>
   <div id="design-services">

   </div>
</div>

<div id="marketing">
   <h1 style="width:95px;">Marketing</h1>
   <a href="test-link">Advertising</a>, <a href="test-link">Campaigns</a>
   <div id="marketing-services">

   </div>
</div>

因此,设计 div 中的链接将更改设计服务 div 中的信息,而营销 div 中的链接将更改营销服务 div 中的信息。无需重新加载页面。

【问题讨论】:

  • 太棒了!好的想法! ...和...到目前为止,您尝试过什么?
  • 我不知道从哪里开始,所以我问这个问题!
  • 你应该开始写一些 HTML 和 JS(尽可能多)。比你卡住的时候:你寻求帮助的例子。对吗?
  • html有,剩下的不知道怎么办了。

标签: jquery show-hide html


【解决方案1】:

这是想到的第一个解决方案。

http://jsfiddle.net/pQKUc/15/e

如果您需要进一步说明,请告诉我。 :)

HTH

【讨论】:

  • 是的,就是这样!如果单击另一个链接,它不会考虑交换/替换 div。每个链接加载的信息也不同。
  • 我已经为您更新了示例。 jsfiddle.net/pQKUc/16 ...单击另一个链接将内容替换为新信息{左右独立} ...我已使用 的 href 属性和
    .
猜你喜欢
  • 1970-01-01
  • 2011-12-20
  • 2014-11-01
  • 2013-09-12
  • 1970-01-01
  • 2013-09-30
  • 2023-03-09
  • 1970-01-01
  • 2023-04-02
相关资源
最近更新 更多