如何将两个控件放在同一个位置并在它们之间交替？

Question

我想在同一个（x，y）位置放置两个datalist控件。当第一个可见时，第二个应该是不可见的。

我将如何实施此目标？

Answer 1

您可以切换2个div的可见性。然后，您可以将控件放在单独的div中，并根据您是要隐藏还是显示一个控件来操纵display: block或diplay:none。这可以通过jQuery轻松完成。

Answer 2

使用哪种控件并不重要，只关注您对结果页面进行样式的方式。您可以在样式中使用absolute positioning实现此目的，有效地为两个元素提供相对于窗口，页面，父元素等相同的X，Y坐标（但理想情况下不同的Z位置）。但是，这有时可能会使布局中的内容复杂化。

但是，如果在任何给定时间只能看到两个元素中的一个，那么我建议您像往常一样将它们一个接一个地放在页面上。对于不可见的那个，在服务器端设置为.Visible=false，以便它根本不发送到客户端，或者在客户端将其样式设置为display: none;不渲染它。这样，两个元素都可用，并根据需要显示/隐藏。