使用按钮在 <div> 元素之间切换答案

【问题标题】：Switching between <div> elements using buttons使用按钮在 <div> 元素之间切换
【发布时间】：2012-02-26 10:18:10
【问题描述】：

我心中有一个具体的目标。

请参考本页：http://cubancomplex.kodingen.com/test/MM/dashboard1.html

在最右下方，有一个<div>，每侧有两个按钮。 <div> 目前包含一个谷歌图表。

目标是让用户能够使用这两个按钮在大约八个城市的图表之间切换。

我不熟悉 javascript 或 jQuery，因此我将不胜感激！我应该如何实现这一目标？

这是该部分的代码：

<div id="footer">
    <div class="markerNavLeft" title="Prev" id="prevMarker">&lsaquo;</div>
    <div id="markers">
        <div id="chart">
            <div id="auckland_chart_div"></div>
        </div>
    </div>
    <div class="markerNavRight" title="Next" id="nextMarker">&rsaquo;</div>
</div>

【问题讨论】：

不要粗鲁，但如果你根本不懂javascript/jquery，那么你需要学习它。尝试事情。如果您有任何具体问题，请返回。否则你只是要求人们为你做你的工作。
我尊重你的观点，但在我的辩护中，我AM正在学习。如果你能指出我一个讨论如何完成这样的事情的地方，那么一定要这样做！目的是学习，我认为这里的人们有兴趣提供帮助。
在页面本身内部作为隐藏的 div。我使用 Google Charts API，它允许我创建图表并将其填充到页面本身。

标签： javascript jquery ajax html css

【解决方案1】：

根据我的经验，您可以使用 2 个选项..

您可以将图表放在 div id="chart" 中。第一个添加一个类以将其标记为已选择（例如已选中），当然另一个是隐藏的……请为所有图表添加相同的类（例如图表详细信息）。然后，您可以使用 var temp = $(".selected").next(".chart-detail"); $(".selected").removeClass("selected"); temp.addClass("selected"); 对于上一个按钮，您可以使用 .previous 函数。
您可以使用 ajax（.ajax 函数或 .load 函数）。用 ID 标记每个图表，以便您知道下一个或上一个图表是什么（在 php 中）。

【讨论】：

非常感谢鲍比！我会考虑尝试你的第一个建议！