day4-DCampous

1.Uncaught TypeError: wrapper.draggable is not a function的时候

出现问题

可能能是没有加载到相应的javascript的类

2.在XML上插入script文件的时候

3.在visualStudioCode上打开xml文件

需要采用html文件格式，否则将会使得使得javascrpt上的文件变成白色

4.当通过ajax加载的图片无法出现piroBox轮播

源代码

$(document).ready(function () {

    $().piroBox_ext({
        piro_speed: 700,
        bg_alpha: 0.5,
        piro_scroll: true
    });
});

$(document).ready()

ready事件在DOM结构绘制完成之后就会执行，这样能确保就算有大量的媒体文件没加载出来，JS代码一样可以执行。

window.onload()事件

load事件必须等到网页中所有内容全部加载完毕之后才被执行。如果一个网页中有大量的图片的话，则就会出现这种情况：网页文档已经呈现出来，但由于网页数据还没有完全加载完毕，导致load事件不能够即时被触发。

为了触发轮播事件，需要页面所有内容加载完成后才加载数据，所以代码应该修改为

 window.onload = function () {
                $().piroBox_ext({
                    piro_speed: 700,
                    bg_alpha: 0.5,
                    piro_scroll: true
                });
            }