有一个jQuery等效于执行以下操作:
$(document).ready(function() {
Run Code Online (Sandbox Code Playgroud)
对于一个元素:
$(a).ready(function() {
Run Code Online (Sandbox Code Playgroud)
我在updatepanel中有内容,我在一些锚元素上调用jQuery UI的.button().更新updatepanel后,锚点将被重新呈现并丢失UI样式.
我已经知道如何使用.NET AJAX的add_endrequest(处理程序)检测ajax请求的结束,但是希望使用jQuery.delegate来获得更简洁的解决方案.
例如
$('body').delegate('#mybutton', 'load', (function(){ //this doesnt work... }
Run Code Online (Sandbox Code Playgroud) 我有一个充满图像的页面,我希望每个图像在加载时淡入.我有以下代码,但似乎有问题,基本上有时不是所有的图像淡入.
有没有人有任何建议如何改善这一点.
谢谢
$('.contentwrap img').hide().load(function () {
$(this).fadeIn(1000);
});
Run Code Online (Sandbox Code Playgroud) 我一直在寻找一个jquery解决方案,它可以在执行某些操作(fadein等)之前监听每个图像(一堆中)的加载时间.
随着imagesLoaded我管理的所有图像加载时,要做到这一点,但我希望它一旦其他人的状态其加载相互独立的图像上执行.
我认为这是可能的imagesLoaded,但还没有设法让它工作.有人吗?
其他方案?
我有一个页面,我希望我的所有图像一旦加载就淡入,但是分开,我使用以下工作正常...
<style>
img.imgfade {display:none;}
</style>
<script>
$(document).ready(function() {
$('img.imgfade').load(function() {
$(this).fadeIn('slow');
});
});
</script>
Run Code Online (Sandbox Code Playgroud)
我在这里遇到的问题是,在离开页面后再返回,图像不再存在.这可能是因为它们已经存储在浏览器缓存中,因此在我的javascript运行之前已经加载了.
我整个下午一直在研究这个,但找不到图像加载和单独消失的替代方案.我发现的一种方法是将.each()函数包含在.load()中.每个都可以检查图像是否已经完成,如果是,只需手动调用.load(),但是当我添加它时,图像甚至不会第一次加载.
<script>
$(document).ready(function() {
$('img.imgfade').load(function() {
$(this).fadeIn('slow');
});.each(function() {
if(this.complete) {
jQuery(this).load();
}
});
</script>
Run Code Online (Sandbox Code Playgroud)
已解决:问题已在下面解决,所以我正在分享我的完整代码,因为它可以帮助其他任何人.这将在加载时逐个淡入您的图像,并且在您返回页面时也不会受到浏览器缓存图像的影响.
<style>
img.imgfade {display:none;}
</style>
<script>
(function ($) {
$(document).ready(function() {
$('img.imgfade').load(function() {
$(this).fadeIn('slow');
})
.each(function() {
if(this.complete) {
jQuery(this).load();
}
});
})(jQuery);
</script>
Run Code Online (Sandbox Code Playgroud) jquery ×3
image ×2
javascript ×2
asp.net ×1
css ×1
fadein ×1
jquery-ui ×1
load ×1
updatepanel ×1