如何解决根据单击的链接将信息加载到div中
| 我有一个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中的信息。全部无需重新加载页面。
解决方法
这是想到的第一个解决方案。
http://jsfiddle.net/pQKUc/15/e
让我知道您是否需要进一步说明。 :)
高温超导
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。