在Prototype中,我可以使用以下代码显示"loading ..."图像:
var myAjax = new Ajax.Request( url, {method: 'get', parameters: pars,
onLoading: showLoad, onComplete: showResponse} );
function showLoad () {
...
}
Run Code Online (Sandbox Code Playgroud)
在jQuery中,我可以将服务器页面加载到一个元素中:
$('#message').load('index.php?pg=ajaxFlashcard');
Run Code Online (Sandbox Code Playgroud)
但是如何像在Prototype中那样将加载微调器附加到此命令?
jquery language-interoperability spinner equivalence prototypejs
如何在网页中的特定点显示旋转的"忙"指示符?
我想在Ajax请求开始/完成时启动/停止指示符.
它真的只是显示/隐藏GIF动画的问题,还是有更优雅的解决方案?
当我使用jQuery提交表单时,我希望显示动画图像(load.gif或progressbar.gif等)几秒钟.
如何在jQuery中显示GIF图像?
我正在使用一个 JQuery 脚本,该脚本允许复选框(其类名称为“adminCheckBox”)根据是否选中来显示或隐藏屏幕上的各种对象。
隐藏功能很好用。但是,在隐藏元素并再次按下复选框后,这些元素不会再次出现。对于为什么会这样有什么想法吗?谢谢。
$(document).ready(function(){
$(".adminCheckbox").click(function(){
if(!document.getElementsByClassName("adminCheckBox").checked){
$(".deleteImageButton").hide(500);
$(".addHeading").hide(500);
$(".deleteHeadingButton").hide(500);
$(".fileUpload").hide(500);
$(".fileUploadSubmit").hide(500);
}else{
$(".deleteImageButton").show();
$(".addHeading").show();
$(".deleteHeadingButton").show();
$(".fileUpload").show();
$(".fileUploadSubmit").show();
}
});
});
Run Code Online (Sandbox Code Playgroud)
下面是相关复选框的 HTML。
<br><div class="adminControls"><input type="checkbox" class="adminCheckbox" checked="checked"><div class="checkBoxText"> Admin Controls</div></div>
Run Code Online (Sandbox Code Playgroud) 有一些用户点击的按钮被重定向到不同的控制器动作.我想向用户展示一些用户知道等待的好等待信息(可能使用bootstrap?).你能建议吗?在我的修改代码下面:
这是我的JS的一部分,它将一些href url粘贴到模态引导程序窗口:
...
var href = $('#details').attr('href'); // currently returns '/TransportGallery/Details/1'
href = href.slice(0, href.lastIndexOf('/') + 1) + id;
$('#details').attr('href', href);
...
Run Code Online (Sandbox Code Playgroud)
这是模态引导窗口,其中将放置上面的js href并将替换这个:
...
<a href="@Url.Action("Details", "TransportGallery", New With {.id = 1})" class="btn btn-primary" id="details">
Show pictures
<span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
</a>
<button type="button" class="btn btn-warning glyphicon glyphicon-off" data-dismiss="modal"> Close</button>
</div>
</div>
</div>
</div>
...
Run Code Online (Sandbox Code Playgroud)
现在,当这个完成后,有一些操作将图片加载到图库,在那一刻我想显示用户动画.怎么办?
javascript asp.net-mvc jquery twitter-bootstrap twitter-bootstrap-3
我很擅长jQuery,从开始.我读过这两个涉及这个问题的问题:
但我想知道当我按下我网站上的内部链接时,如何能够显示"正在加载文本/图像"?我有一个在PHP中运行curl抓取功能的链接,需要一段时间才能运行.
如果你有一个Ajax函数,上面的例子(链接)处理主题.不只是一个链接,我不想.
我怎么能做到这一点?
嗨,我的要求是显示加载微调器,并且在为此发送ajax请求时,页面会禁用并且不可点击,我已经提供了给定的代码
$('#expressShippingCalculation input').change ->
if $('#shipping_method4').is(':checked')
additionalAmountExpress()
data = $('#shippingDetails').serialize()
expressValue = true
else
$('#additional-charge').hide()
expressValue = false
$.ajax
url: '/update_express_shipping?expressShipping=' +expressValue
type: 'PATCH'
return
$(document).ajaxStart ->
$('#spinner').show()
return
$(document).ajaxComplete ->
$('#spinner').hide()
return
$(document).ajaxError ->
$('#spinner').hide()
return
Run Code Online (Sandbox Code Playgroud)
上面的代码片段ajax loader可以正常工作,但是在微调器加载时我的页面没有被禁用。请指导我如何在加载Ajax时禁用页面。
我想使用jquery显示整页加载屏幕.我之前从未使用过装载,所以我很困惑.我想要做的就是隐藏其他元素,直到加载所有脚本css图像和内容.我该怎么做?
我想要预加载一个网站.我只想在网站上加载一次.当它加载我想要每个页面预加载.我该怎么做?
jquery ×9
javascript ×6
ajax ×1
asp.net-mvc ×1
dreamweaver ×1
equivalence ×1
html ×1
prototypejs ×1
spinner ×1
web ×1