-1

在我的一个网页上，我在顶部有按钮，比如 A、B 和 C。

在它下面，我想在一个普通的 DIV 中显示不同的内容。显示的内容取决于单击了哪个按钮。没有可以或将要单击按钮的顺序。

内容 A、B 和 C 中的每一个都是带有菜单选项、表格等的 php 驱动页面。表格可以部分填充，之后用户可以通过单击上述按钮之一离开页面，然后单击另一个按钮来返回表格 - 我需要保留部分输入数据的值。

有人可以在哪里分享代码（或指出我正确的方向）：

1）如何确保在页面初始加载时显示内容A？

2）如何定义页面？

到目前为止，我已经为要显示内容的区域定义了一个容器 DIV。此后三个 DIV 分别加载了三个 php 页面。

我的问题是显示所有 3 个 DIV，我可以上下滚动查看它们。

我可以处理 2 个 DIV，但 3 个 DIV 挑战我。

先感谢您。

乌塔姆

4

2 回答 2

1

查看这个很棒的 jquery 插件，它将为您的页面添加某种视差效果。

fullpage.js

http://alvarotrigo.com/fullPage/#4thpage

于 2017-02-02T06:12:31.480 回答
0

布局

<button class="toggleButton" data-target="div1">A</button>
<button class="toggleButton" data-target="div2">B</button>
<button class="toggleButton" data-target="div3">C</button>

<div id="div1" class="toggleDiv">
   Content A
</div>

<div id="div2" class="toggleDiv" style="display:none">
   Content B
</div>

<div id="div3" class="toggleDiv" style="display:none">
   Content C
</div>

JavaScript 代码：

$(function(){

   $('.toggleButton').click(function(){

         var target = $('#' + $(this).attr('data-target'));
         $('.toggleDiv').not(target).hide();
         target.show();
   });
});
于 2013-07-29T14:53:56.753 回答