相关疑难解决方法(0)

是否可以确定何时使用JavaScript呈现元素?

有一个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)

javascript asp.net jquery updatepanel jquery-ui

11
推荐指数
1
解决办法
5872
查看次数

使用jquery使图像在图像加载时淡入

我有一个充满图像的页面,我希望每个图像在加载时淡入.我有以下代码,但似乎有问题,基本上有时不是所有的图像淡入.

有没有人有任何建议如何改善这一点.

谢谢

$('.contentwrap img').hide().load(function () {
    $(this).fadeIn(1000);
});
Run Code Online (Sandbox Code Playgroud)

jquery fadein

8
推荐指数
3
解决办法
5万
查看次数

jquery images按图像加载图像

我一直在寻找一个jquery解决方案,它可以在执行某些操作(fadein等)之前监听每个图像(一堆中)的加载时间.

随着imagesLoaded我管理的所有图像加载时,要做到这一点,但我希望它一旦其他人的状态其加载相互独立的图像上执行.

我认为这是可能的imagesLoaded,但还没有设法让它工作.有人吗?

其他方案?

jquery load image

2
推荐指数
1
解决办法
4066
查看次数

浏览器缓存图像可防止淡入

我有一个页面,我希望我的所有图像一旦加载就淡入,但是分开,我使用以下工作正常...

<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)

javascript css image

1
推荐指数
1
解决办法
274
查看次数

标签 统计

jquery ×3

image ×2

javascript ×2

asp.net ×1

css ×1

fadein ×1

jquery-ui ×1

load ×1

updatepanel ×1