【蜘蛛侠TG@abin789】-10201
【蜘蛛侠TG@abin789】-10202
【蜘蛛侠TG@abin789】-10203
【蜘蛛侠TG@abin789】-10204
【蜘蛛侠TG@abin789】-10205
【蜘蛛侠TG@abin789】-10206
【蜘蛛侠TG@abin789】-10207
【蜘蛛侠TG@abin789】-10208
【蜘蛛侠TG@abin789】-10209
【蜘蛛侠TG@abin789】-10210
【蜘蛛侠TG@abin789】-10211
【蜘蛛侠TG@abin789】-10212
【蜘蛛侠TG@abin789】-10213
【蜘蛛侠TG@abin789】-10214
【蜘蛛侠TG@abin789】-10215
【蜘蛛侠TG@abin789】-10216
【蜘蛛侠TG@abin789】-10217
【蜘蛛侠TG@abin789】-10218
【蜘蛛侠TG@abin789】-10219
【蜘蛛侠TG@abin789】-10220
【蜘蛛侠TG@abin789】-10221
【蜘蛛侠TG@abin789】-10222
【蜘蛛侠TG@abin789】-10223
【蜘蛛侠TG@abin789】-10224
【蜘蛛侠TG@abin789】-10225
【蜘蛛侠TG@abin789】-10226
【蜘蛛侠TG@abin789】-10227
【蜘蛛侠TG@abin789】-10228
【蜘蛛侠TG@abin789】-10229
【蜘蛛侠TG@abin789】-10230
【蜘蛛侠TG@abin789】-10231
【蜘蛛侠TG@abin789】-10232
【蜘蛛侠TG@abin789】-10233
【蜘蛛侠TG@abin789】-10234
【蜘蛛侠TG@abin789】-10235
【蜘蛛侠TG@abin789】-10236
【蜘蛛侠TG@abin789】-10237
【蜘蛛侠TG@abin789】-10238
【蜘蛛侠TG@abin789】-10239
【蜘蛛侠TG@abin789】-10240
【蜘蛛侠TG@abin789】-10241
【蜘蛛侠TG@abin789】-10242
【蜘蛛侠TG@abin789】-10243
【蜘蛛侠TG@abin789】-10244
【蜘蛛侠TG@abin789】-10245
【蜘蛛侠TG@abin789】-10246
【蜘蛛侠TG@abin789】-10247
【蜘蛛侠TG@abin789】-10248
【蜘蛛侠TG@abin789】-10249
【蜘蛛侠TG@abin789】-10250
【蜘蛛侠TG@abin789】-10251
【蜘蛛侠TG@abin789】-10252
【蜘蛛侠TG@abin789】-10253
【蜘蛛侠TG@abin789】-10254
【蜘蛛侠TG@abin789】-10255
【蜘蛛侠TG@abin789】-10256
【蜘蛛侠TG@abin789】-10257
【蜘蛛侠TG@abin789】-10258
【蜘蛛侠TG@abin789】-10259
【蜘蛛侠TG@abin789】-10260
【蜘蛛侠TG@abin789】-10261
【蜘蛛侠TG@abin789】-10262
【蜘蛛侠TG@abin789】-10263
【蜘蛛侠TG@abin789】-10264
【蜘蛛侠TG@abin789】-10265
【蜘蛛侠TG@abin789】-10266
【蜘蛛侠TG@abin789】-10267
【蜘蛛侠TG@abin789】-10268
【蜘蛛侠TG@abin789】-10269
【蜘蛛侠TG@abin789】-10270
【蜘蛛侠TG@abin789】-10271
【蜘蛛侠TG@abin789】-10272
【蜘蛛侠TG@abin789】-10273
【蜘蛛侠TG@abin789】-10274
【蜘蛛侠TG@abin789】-10275
【蜘蛛侠TG@abin789】-10276
【蜘蛛侠TG@abin789】-10277
【蜘蛛侠TG@abin789】-10278
【蜘蛛侠TG@abin789】-10279
【蜘蛛侠TG@abin789】-10280
【蜘蛛侠TG@abin789】-10281
【蜘蛛侠TG@abin789】-10282
【蜘蛛侠TG@abin789】-10283
【蜘蛛侠TG@abin789】-10284
【蜘蛛侠TG@abin789】-10285
【蜘蛛侠TG@abin789】-10286
【蜘蛛侠TG@abin789】-10287
【蜘蛛侠TG@abin789】-10288
【蜘蛛侠TG@abin789】-10289
【蜘蛛侠TG@abin789】-10290
【蜘蛛侠TG@abin789】-10291
【蜘蛛侠TG@abin789】-10292
【蜘蛛侠TG@abin789】-10293
【蜘蛛侠TG@abin789】-10294
【蜘蛛侠TG@abin789】-10295
【蜘蛛侠TG@abin789】-10296
【蜘蛛侠TG@abin789】-10297
【蜘蛛侠TG@abin789】-10298
【蜘蛛侠TG@abin789】-10299
【蜘蛛侠TG@abin789】-10300
【蜘蛛侠TG@abin789】-10301
【蜘蛛侠TG@abin789】-10302
【蜘蛛侠TG@abin789】-10303
【蜘蛛侠TG@abin789】-10304
【蜘蛛侠TG@abin789】-10305
【蜘蛛侠TG@abin789】-10306
【蜘蛛侠TG@abin789】-10307
【蜘蛛侠TG@abin789】-10308
【蜘蛛侠TG@abin789】-10309
【蜘蛛侠TG@abin789】-10310
【蜘蛛侠TG@abin789】-10311
【蜘蛛侠TG@abin789】-10312
【蜘蛛侠TG@abin789】-10313
【蜘蛛侠TG@abin789】-10314
【蜘蛛侠TG@abin789】-10315
【蜘蛛侠TG@abin789】-10316
【蜘蛛侠TG@abin789】-10317
【蜘蛛侠TG@abin789】-10318
【蜘蛛侠TG@abin789】-10319
【蜘蛛侠TG@abin789】-10320
【蜘蛛侠TG@abin789】-10321
【蜘蛛侠TG@abin789】-10322
【蜘蛛侠TG@abin789】-10323
【蜘蛛侠TG@abin789】-10324
【蜘蛛侠TG@abin789】-10325
【蜘蛛侠TG@abin789】-10326
【蜘蛛侠TG@abin789】-10327
【蜘蛛侠TG@abin789】-10328
【蜘蛛侠TG@abin789】-10329
【蜘蛛侠TG@abin789】-10330
【蜘蛛侠TG@abin789】-10331
【蜘蛛侠TG@abin789】-10332
【蜘蛛侠TG@abin789】-10333
【蜘蛛侠TG@abin789】-10334
【蜘蛛侠TG@abin789】-10335
【蜘蛛侠TG@abin789】-10336
【蜘蛛侠TG@abin789】-10337
【蜘蛛侠TG@abin789】-10338
【蜘蛛侠TG@abin789】-10339
【蜘蛛侠TG@abin789】-10340
【蜘蛛侠TG@abin789】-10341
【蜘蛛侠TG@abin789】-10342
【蜘蛛侠TG@abin789】-10343
【蜘蛛侠TG@abin789】-10344
【蜘蛛侠TG@abin789】-10345
【蜘蛛侠TG@abin789】-10346
【蜘蛛侠TG@abin789】-10347
【蜘蛛侠TG@abin789】-10348
【蜘蛛侠TG@abin789】-10349
【蜘蛛侠TG@abin789】-10350
【蜘蛛侠TG@abin789】-10351
【蜘蛛侠TG@abin789】-10352
【蜘蛛侠TG@abin789】-10353
【蜘蛛侠TG@abin789】-10354
【蜘蛛侠TG@abin789】-10355
【蜘蛛侠TG@abin789】-10356
【蜘蛛侠TG@abin789】-10357
【蜘蛛侠TG@abin789】-10358
【蜘蛛侠TG@abin789】-10359
【蜘蛛侠TG@abin789】-10360
【蜘蛛侠TG@abin789】-10361
【蜘蛛侠TG@abin789】-10362
【蜘蛛侠TG@abin789】-10363
【蜘蛛侠TG@abin789】-10364
【蜘蛛侠TG@abin789】-10365
【蜘蛛侠TG@abin789】-10366
【蜘蛛侠TG@abin789】-10367
【蜘蛛侠TG@abin789】-10368
【蜘蛛侠TG@abin789】-10369
【蜘蛛侠TG@abin789】-10370
【蜘蛛侠TG@abin789】-10371
【蜘蛛侠TG@abin789】-10372
【蜘蛛侠TG@abin789】-10373
【蜘蛛侠TG@abin789】-10374
【蜘蛛侠TG@abin789】-10375
【蜘蛛侠TG@abin789】-10376
【蜘蛛侠TG@abin789】-10377
【蜘蛛侠TG@abin789】-10378
【蜘蛛侠TG@abin789】-10379
【蜘蛛侠TG@abin789】-10380
【蜘蛛侠TG@abin789】-10381
【蜘蛛侠TG@abin789】-10382
【蜘蛛侠TG@abin789】-10383
【蜘蛛侠TG@abin789】-10384
【蜘蛛侠TG@abin789】-10385
【蜘蛛侠TG@abin789】-10386
【蜘蛛侠TG@abin789】-10387
【蜘蛛侠TG@abin789】-10388
【蜘蛛侠TG@abin789】-10389
【蜘蛛侠TG@abin789】-10390
【蜘蛛侠TG@abin789】-10391
【蜘蛛侠TG@abin789】-10392
【蜘蛛侠TG@abin789】-10393
【蜘蛛侠TG@abin789】-10394
【蜘蛛侠TG@abin789】-10395
【蜘蛛侠TG@abin789】-10396
【蜘蛛侠TG@abin789】-10397
【蜘蛛侠TG@abin789】-10398
【蜘蛛侠TG@abin789】-10399
【蜘蛛侠TG@abin789】-10400

304并不是错误，是图片缓存 如果图片有修改的话 可以在引入图片的路径后增加随机数

或者你外部没有接收

Android程序里必定有onCreate方法，不会没有的即使觉得教程有问题，也请你客气一些，youcanyouup.....

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>

<script src="js/preload.js"></script>

插件源码中each和all的默认值都是null，所以调用preload()的时候需要传递这两个方法进去，

最后封装插件那里  传的参数不一致imgs和img

@小董君同学 的代码在此：https://github.com/taosang1992/WebDemo/tree/gh-pages/preload-plugin；在线查看效果：https://taosang1992.github.io/WebDemo/preload-plugin/

细节问题：.html文件的 76行 p标签的类名和85行div的类名未加到对应的DOM结构. 当然这并不是导致无法加载图片的原因。

一直卡在加载页面的问题是在.js文件的27行到39行之间，on('load'，function())等价于onload事件，onload事件是在加载完毕才触发的事件，而在38行你将img的sec属性赋值放在了onload事件触发函数内，这就意味着在触发onload事件之前img元素没有初始化src属性，即不会去加载，也就不存在加载完毕。将imgObj.src=src;移到onload函数外部即可。注：不要尝试在onload触发函数修改img(加载控件)的src(资源地址),否则会进入死循环.另外27与28行两个onload绑定事件嵌套则完全没必要，

附上js文件each遍历函数修改部分：

$.each(imgs, function (i, src) {
    if (typeof src != "string")
        return;
    var imgObj = new Image();
    $(imgObj).on('load error', function () {
        // 判断each是否存在
        opts.each && opts.each(count);
        if (count >= len - 1) {
            opts.all && opts.all();
        }
        console.log(count);
        count++;
    });
    imgObj.src = src;
});

还有问题请回复，求采纳！

第一个当然是JQ库，否则你无法使用“$”。酱好比你要建房子，首要是挖地基吧，挖地基得有工具吧，第一歌script标签意思就是要你把工具放在页面里，染后你才可以调用工具箱里的已有的工具去建房子。

就是让你在外部自定义方法。每个人的使用都不一样 比如class命名不一样 

面向对象编程

跟着老师敲代码不是一个很好的学习方法，尽量看教程，理解老师解决问题的思路，看不懂没关系，多看几遍，当感觉自己懂了之后自己动手去实现，这时候你就会发现自己的缺陷了，自己去找答案，实在找不到了再回来看老师的教程，这样又能锻炼自己的思考又能对某些东西有深入的理解。