Jquery 插件学习之 Jquery Ui 的学习

• 插件下载地址：

　　下载好的Jquery Ui的核心文件

　　

　　 

　　ui里面的是js核心文件

　　

　　这是jquery ui 的样式

　　

　　以上js都集中在jquery-ui-1.9.2.custom.js 里面

　　我们在使用时，可以就导入Jquery ui.js 和 jquery ui.css  

　　或者导入具体功能的js文件，再倒入jquery.ui.widget.js 这个文件 以及css文件

　　jquery ui 是基于jquery 的，所以我们还要导入的架包

　　

　　一个dialog的案例：

1 
      2    3    4    5   
      6   24   55   56   57   58       59       
     
      60           make you mouse on this model ,and drag it61           
      打开Dialog62           
      
       63               
       
注册前阅读以下条款：
64               
       65  66               67               68           
      
69     
     
70     71       72     73   

 

　分析：

　　我理解的jquery ui 原理：

　　jquery ui 基于jquery ：

　　　　一个效果提供一个方法，方法可以接受json格式的参数，

　　　　$.fn.dialog(options);

　　　　options:通过查找 jquery-ui-1.9.2.custom\jquery-ui-1.9.2.custom\development-bundle\docs 相应的文档，学习相关的配置

　　　　如何去声明一个dialog?

　　　　两段代码：

　　　　　　<!--页面-->

　　　　　　<div id="dialog" class="ui-widget-center">this is a dialog what default</div>

　　　　　　<!--js-->

　　　　　　$("#dialog").dialog();   //原始的dialog

　　　你可能会遇到的问题：

　　　　　1、页面一出来就几个文字和关闭字样：

　　　　　　检查 css文件以及标签的class

　　　　　　如果没有关闭字样：检查js 和 jqeury js是否确实 

　　　　　2、你的架包什么的都是正确的，就是不出效果：

　　　　　　检查参数是否正确！