關於easydialog 使用方法和問題

easydialog 很是簡潔的彈出層JS組件，相比於傳統的alert(),有更好的用戶體驗，咱們在使用時，只須要調用其已經定義好的方法，甚至能夠自定義方法，和經過修改CSS文件，來改變不一樣的顯示樣式。

咱們在使用easydialog 的過程當中，須要注意如下幾點：

一、Js文件的引用：咱們在下載easydialog.zip的壓縮包解壓後，放到站點根目錄的某個路徑下，在須要用到easydialog的頁面中引用其相關的JS文件，就能使用了，例如：

[javascript] view plaincopy

1. <span style="font-size:18px;"><script type="text/javascript" src="/js/easydialog/easydialog.min.js"></script></span>  

在引入該easydialog的組件以後，咱們就能夠將自定義的JS方法文件引入進來

[javascript] view plaincopy

1. <span style="font-size:18px;"><script src="/js/easydialog/easy_msg.js" type="text/javascript"></script></span>  

在該文件中咱們能夠這樣定義一個方法：

[javascript] view plaincopy

1. /*=====================彈出層，有提示信息, user for 用戶修改信息=============================================*/  

2. function msg(){  

3.     easyDialog.open({  

4.         container : {  

5.             content : '<img src=\'images/login/success.png\' width=\'12px\' height=\'12px\'  /><strong>操做成功!</strong>，<br/>爲了您的帳號安全，<br/>請您從新登陸並修改密碼...<br/>該窗口將在10秒後關閉<br/>當即登陸請點擊這裏>><a href=\'login.aspx\'>[登陸]</a>'  

6.         },  

7.         autoClose : 10000  

8.     });  

9. }  

這裏須要注意的是，在咱們的頁面在使用easydialog的組件的時候，須要將爲easydialog定義的CSS文件引入到相應的頁面中。不然，彈出層將不能顯示其相應的樣式。