yepnope({ test : Modernizr.csstransforms, yep: ['../../lib/turn.min.js'], nope: ['../../lib/turn.html4.min.js', 'css/jquery.ui.html4.css', 'css/steve-jobs-html4.css'], both: ['js/steve-jobs.js', 'css/jquery.ui.css', 'css/steve-jobs.css'], complete: loadApp });
时间: 2024-04-17 20:29:52 浏览: 81
推荐给JavaScript开发者十款超级有用的工具
这段代码使用了 `yepnope` 函数来进行资源加载和条件判断。
以下是代码的功能解释:
1. 判断是否支持 CSS3 3D 变换(`Modernizr.csstransforms`):
- 如果支持,加载 `turn.min.js` 文件。
- 如果不支持,加载 `turn.html4.min.js`、`jquery.ui.html4.css` 和 `steve-jobs-html4.css` 文件。
2. 无论是否支持 CSS3 3D 变换,都加载 `steve-jobs.js`、`jquery.ui.css` 和 `steve-jobs.css` 文件。
3. 最后,当所有资源加载完成后,调用 `loadApp` 函数。
这段代码的主要作用是根据浏览器的支持情况加载相应的资源文件,并在加载完成后执行特定的回调函数 `loadApp`。这样可以确保在不同浏览器环境中正常加载和使用所需的资源。
阅读全文