Question

我有一个表格，当＆＃34; Next＆＃34;单击按钮，使用以下代码显示一个新的div代替旧的div：

＆＃13;

function showDiv() {
                   
                    
                    
                    document.getElementById('2').style.display="block";
                    document.getElementById('1').style.display="none";
                   
                    
                }

＆＃13;

＆＃13; 然后，我提交表单后，将我的数据发送到服务器，以便通过电子邮件发送给我。问题是前一个操作，按钮点击后div之间的转换，执行得太快了。人们告诉我，通过某种过渡或快速加载图标会看起来好多了，而且它看起来并不真实。

有没有办法让我的第二个div＆＃34; slide＆＃34;进入新的位置？还是某种过渡？请记住，这只是为了彼此切换两个div。尚未处理任何实际数据，也没有加载新页面。或者有没有办法在此动作上创建加载图标以持续1秒？

感谢您的帮助。

Answer 1

我假设您已开始根据您的代码使用jQuery。 jQuery提供了许多方法来为div更改动画。 .animate()提供了一种自定义动画的方法，或者您可以使用其中一个提供的选项。在你的情况下，像.fadeToggle()这样的东西可能会起作用吗？

此处的详细信息：https://api.jquery.com/category/effects/

Answer 2

试试这个

// send data
// show loading gif
setTimeout(function () {
     // hide loading gif
     // show other div
}, 2000);

你以这种方式延迟2秒。希望它有所帮助。

在div之间转换时显示加载图标

2 个答案: