在控制器中添加旋转代码。具体来说,可以在Ajax请求成功后,通过jQuery选择器找到要旋转的元素并加上旋转效果的CSS类,例如:
$.ajax({
url: 'example.com/ajax_request',
success: function(data) {
// 在这里添加旋转代码
$('.rotate-element').addClass('rotate');
}
});
然后在CSS样式文件中定义旋转类的样式,例如:
.rotate {
animation: rotate 2s linear infinite;
}
@keyframes rotate {
from { transform: rotate(0); }
to { transform: rotate(360deg); }
}
这里定义了一个基本的CSS动画,每次旋转2秒钟,线性过渡并无限循环,可以根据实际需求更改。
需要注意的是,如果元素一开始就被隐藏,可能需要在展示之前加上一个延迟或使用回调函数来确保旋转动画可以正常工作。
$.ajax({
url: 'example.com/ajax_request',
success: function(data) {
// 在这里添加旋转代码
setTimeout(function() {
$('.rotate-element').addClass('rotate');
}, 1000); // 等待1秒后开始旋转
}
});