javascript-无法弄清楚何时使用JQuery隐藏和显示加载动画
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-无法弄清楚何时使用JQuery隐藏和显示加载动画,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1052字,纯文字阅读大概需要2分钟。
内容图文
我有一个加载动画,最初将其隐藏在application.js文件中:
$('#loading_field').hide();
我有一个自动完成字段,我希望动画在用户开始键入时出现,并在出现自动完成建议结果时消失.以下是我的jQuery UI自动完成插件的jQuery代码:
$(".showable_field").autocomplete({
minLength: 1,
source: '/followers.json',
focus: function(event, ui) {
$('.showable_field').val(ui.item.user.name);
return false;
},
select: function(event, ui) {
var video_id = $('#video_id_field').val();
var user_id = ui.item.user.id;
$.post("/showable_videos.js", {video: video_id, user: user_id});
$(':input','#new_showable_video').not(':button, :submit, :reset, :hidden').val('');
return false;
}
});
var obj = $(".showable_field").data('autocomplete');
obj && (obj._renderItem = function( ul, item ) {
return $( "<li></li>" )
.data( "item.autocomplete", item )
.append( "<a>" + item.user.name + "</a>" )
.appendTo( ul );
});
我应该在哪里显示和隐藏动画?
解决方法:
因为您使用的是AJAX来加载建议,所以我认为这应该对您有用:
$('#loading_field').ajaxStart(function () {
$(this).show();
}).ajaxStop(function () {
$(this).hide();
});
内容总结
以上是互联网集市为您收集整理的javascript-无法弄清楚何时使用JQuery隐藏和显示加载动画全部内容,希望文章能够帮你解决javascript-无法弄清楚何时使用JQuery隐藏和显示加载动画所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。