【问题标题】:Change div blocks onclick更改 div 块 onclick
【发布时间】:2012-01-17 07:57:50
【问题描述】:

祝你有美好的一天,亲爱的程序员! 在 G+ 上是一个块 Posts;关于;相片;视频 https://plus.google.com/109813896768294978296/posts 例如,当您单击 About 时,div 底部有一个包含特定内容的更改。据我了解,实现并不难,但我怕写十行代码很脏,因为除了jquery,因为我只是个初学者。有人可以推动正确的轨道,或者用源代码显示它已经在演示中实现的位置吗?谢谢!

<div id="109813896768294978296-posts-page" class="c-ha-If" role="tabpanel" aria-hidden="false">…</div>


<div id="109813896768294978296-about-page" class="c-ha-If c-ha-jb" role="tabpanel" aria-hidden="true">…</div>

【问题讨论】:

标签: javascript onclick show-hide


【解决方案1】:

当您从帖子中单击关于时会发生两件事。它似乎正在动态添加和删除 CSS 类。您可以使用 http://api.jquery.com/addClass/http://api.jquery.com/removeClass/ 来执行此操作。

至于将数据从 URL 加载到 div 中,请使用 http://api.jquery.com/jQuery.get/。 获得数据后,您可以使用http://api.jquery.com/html/

如果你已经全部加载完毕,想要实现tab切换:http://jqueryui.com/demos/tabs/

【讨论】:

  • Aram Kocharyan 太棒了!非常感谢您的回复我非常感谢!最好不使用 jQuery,但将来我可能会自学 javascript
  • 哦,我忘了说你确实需要javascript。然而,我看到 CSS3 做了很多漂亮的事情,但大多数人会在 js 中实现它。从这里开始:w3schools.com/js 我也推迟了很长时间,但我坐下来,在一天结束时把它捡起来。如果你在它成为小菜一碟之前已经对任何东西进行了编程。如果你还没有,这是一种很容易成为你的第一语言的语言。
猜你喜欢
  • 1970-01-01
  • 2018-01-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-07-28
  • 2012-10-15
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多