Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何滑出旧div并滑入循环中包含文本内容的新div?_Javascript_Jquery_Jquery Ui - Fatal编程技术网

Javascript 如何滑出旧div并滑入循环中包含文本内容的新div?

Javascript 如何滑出旧div并滑入循环中包含文本内容的新div?,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,如何制作两个div,以便在单击按钮后,旧div被删除,而新内容的新div被滑入 我的概念,但没有对齐内联: 我发现了一些类似于我的概念的东西,但对于我的解决方案,我需要动态添加内容的无限循环:或者,我对现有代码和CSS做了一些更改,但这应该满足您的需要。我还添加了一个检查重置按钮,以确保滑出尚未隐藏。否则,动画将取消隐藏该元素并再次隐藏它 最好将内容放入jQuery$(document).ready()函数中,以确保在尝试使用它们之前已加载所有元素 你能澄清一下你想做什么吗?你是在试着交替滑入

如何制作两个div,以便在单击按钮后,旧div被删除,而新内容的新div被滑入

我的概念,但没有对齐
内联


我发现了一些类似于我的概念的东西,但对于我的解决方案,我需要动态添加内容的无限循环:或者,我对现有代码和CSS做了一些更改,但这应该满足您的需要。我还添加了一个检查重置按钮,以确保滑出尚未隐藏。否则,动画将取消隐藏该元素并再次隐藏它

最好将内容放入jQuery
$(document).ready()
函数中,以确保在尝试使用它们之前已加载所有元素


你能澄清一下你想做什么吗?你是在试着交替滑入哪个div吗?示例:单击元素1中的1幻灯片,元素2将熄灭。单击2将元素2滑入和元素1滑出。单击按钮后,始终将第一个div滑出和新div并排滑入。在本例中,我希望交替使用div内容。您希望它在红色和绿色div之间交替使用,并使它们看起来像并排的一样,这就是您所说的吗?是的,我想是这样,但jquery添加了一个新内容。