Fatal编程技术网
  • jquery/
  • 如果图像加载了jquery，则运行循环 $（文档）.ready（函数（）{ $（'.PreviewwneTCoid'）.html（''）； $（窗口）。加载（函数（）{ $（'.previewwnetcoid'）.show（）； $（'.PreviewwneTCoid'）。循环({ fx:‘scrollLeft’，//选择过渡类型，例如：淡入淡出、向上滚动、洗牌等。。。 速度：2000， 超时：6000 }); }); });

如果图像加载了jquery，则运行循环 $（文档）.ready（函数（）{ $（'.PreviewwneTCoid'）.html（''）； $（窗口）。加载（函数（）{ $（'.previewwnetcoid'）.show（）； $（'.PreviewwneTCoid'）。循环({ fx:‘scrollLeft’，//选择过渡类型，例如：淡入淡出、向上滚动、洗牌等。。。 速度：2000， 超时：6000 }); }); });

jquery

如果图像加载了jquery，则运行循环 $（文档）.ready（函数（）{ $（'.PreviewwneTCoid'）.html（''）； $（窗口）。加载（函数（）{ $（'.previewwnetcoid'）.show（）； $（'.PreviewwneTCoid'）。循环({ fx:‘scrollLeft’，//选择过渡类型，例如：淡入淡出、向上滚动、洗牌等。。。 速度：2000， 超时：6000 }); }); });,jquery,Jquery,正如你所看到的，我正在尝试给一个加载器，当我的所有图像都加载时，它会显示图像。我想我弄错了。它只显示加载程序 编辑*我的进度 $(document).ready(function() { $('.previewnetcoid').html('<img src="/www-static/assets/images/ajax-loader.gif" style="display: block; margin: 170px auto;">'); $(window).load

正如你所看到的，我正在尝试给一个加载器，当我的所有图像都加载时，它会显示图像。我想我弄错了。它只显示加载程序

编辑*我的进度

$(document).ready(function() {
    $('.previewnetcoid').html('<img src="/www-static/assets/images/ajax-loader.gif" style="display: block; margin: 170px auto;">');
    $(window).load(function () {
        $('.previewnetcoid').show();
        $('.previewnetcoid').cycle({
            fx: 'scrollLeft', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
            speed:    2000,
            timeout:  6000
        });
    });
});


$（文档）.ready（函数（）{
$（'.previewwnetcoid'）.hide（）；
$（窗口）。加载（函数（）{
$（“#ajax加载程序”）.hide（）；
$（'.previewwnetcoid'）.show（）；
$（'.PreviewwneTCoid'）。循环({
fx:‘scrollLeft’，//选择过渡类型，例如：淡入淡出、向上滚动、洗牌等。。。
速度：2000，
超时：6000
});
});
});
谢谢你的光临

Adam Ramadhan

您用加载程序替换了
.previewwnetcoid
表示的元素的内容，因此原始内容消失了。因此，没有什么可以循环

而且，直到页面完全加载（
$（document）.ready（）
）后，才可以执行此操作，因此您实际上是在等待页面完全呈现以显示加载动画。这显然是不对的

您应该将加载的动画HTML放在实际文档中，并使用CSS使其覆盖和隐藏页面（绝对定位，具有100%的宽度和高度以及背景）。然后，在javascript中，将其隐藏在页面加载中

或者，您可能应该使用JavaScript编写加载HTML：

<script type="text/javascript">
$(document).ready(function() {
    $('.previewnetcoid').hide();
    $(window).load(function () {
        $('#ajax-loader').hide();
        $('.previewnetcoid').show();
        $('.previewnetcoid').cycle({
            fx: 'scrollLeft', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
            speed:    2000,
            timeout:  6000
        });
    });
});
HTML

在调用
.html（…）
之前，
$（'.previewwnetcoid'）
中有什么内容？
.html（…）
调用将用加载程序图像替换任何现有元素。某些div内容将用图像替换。忘了提到加载程序的CSS和html都应该是文档中的首要内容。样式表最好在
中，加载HTML应该是
之后的第一件事。这样，在加载页面的其余部分之前，它就已经被完全呈现了。@Adam当您使用
.html（…）
设置元素的内部html时，它将完全删除/吹走/删除/销毁/替换/擦除之前的内容。 
<script>document.write(...)</script>

.loading {
    position:absolute;
    left:0; top:0;
    width:100%; height:100%;
    background:#000;
    z-index:9999;
}

<head>
    ...
    <link href="loading.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <script type="text/javascript">
        document.write('<div class="loading"><img src="loading.gif" alt="Loading..." /></div>');
    </script>
    ...

$(document).ready(function(){
    $('.loading').hide();
});