day4-DCampous

最新推荐文章于 2024-07-31 12:41:17 发布

Frank.Yi

最新推荐文章于 2024-07-31 12:41:17 发布

阅读量293

点赞数

CC 4.0 BY-SA版权

分类专栏：笔记

本文链接：https://blog.youkuaiyun.com/KaisonYi/article/details/95042852

笔记专栏收录该内容

30 篇文章

订阅专栏

本文探讨了JavaScript在不同场景下加载失败的问题，包括未加载到相应类、XML中插入script文件、Visual Studio Code中打开XML文件的格式问题，以及通过ajax加载的图片无法在piroBox中轮播的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

### 1.Uncaught TypeError: wrapper.draggable is not a function的时候
出现问题

![](https://upload-images.jianshu.io/upload_images/16991273-27fa651782de7961.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
可能能是没有加载到相应的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
});
}
```