Adobe Edge Animate --异步条件加载框架(yepnop)应用之二:加载jQuery UI之日历(datepicker)

Adobe Edge Animate --异步条件加载框架(yepnop)应用之二:加载jQuery UI之日历(datepicker

版权声明:

本文版权属于 北京联友天下科技发展有限公司。

转载的时候请注明版权和原文地址。

下面在前面一个案例的基础上继续讲解第二个应用:

一、设计好按钮和界面,如下图:

命名与排列:

其中btn_jqueryui内部元素:

Frame_jqueryui内部元素:上方的方框为element1,下方的为element2

二、为工程添加jscss文件,即jQuery UI的文件,下面会用到这些

如何添加呢?从网上下载jquery-ui.min.js文件和jquery-ui.css文件,拷贝到工程目录下的libs文件夹下

三、为frame_jqueryui添加creationComplete函数:

四、添加按钮功能

1.修改0秒处触发器

2.修改googlemaps标签处的触发器:

3.在2秒处新建标签,添加触发器jqueryui

4.为按钮btn_jqueryui添加click函数:

在浏览器中预览,效果图如下:

本文地址:

http://www.cnblogs.com/adobeedge/archive/2012/11/30/Adobe_Edge_Animate_JQueryUI.html

作者:北京联友天下科技发展有限公司  肖伟民

posted @ 2012-11-30 18:20  Adobe Edge  阅读(2224)  评论(2编辑  收藏  举报