lhgdialog彈出窗口控件 v4.1.0使用總結


最近在維護公司的網站,用到了lhgdialog彈窗控件,可是原來使用的彈窗控件的版本太舊了,不支持IE9,所以換成了比較新的版本,v4.1.0 ,終於能用了,不過使用的方法和原來的版本也有了區別,現總結如下,作為備忘:

1.引入頁面中 新版本的彈窗控件可以當做一個Jquery插件來使用,不過現在維護的網站沒有用到Jquery,所以這里只把它作為一個單獨的JS插件來使用

引入方式如下 :  <script src="div/lhgcore.lhgdialog.min.js" type="text/javascript"></script>

2.調用方式:  $.dialog({ id: 'test2',  title: '咨詢轉交',width:'710', height:'520', content: 'url:mytest.asp?id=<%=request.QueryString("id")%>', });

這句的作用是彈出一個窗口,標題名為咨詢轉交, 寬度為710,高度為520 , content標簽后的url 表示要彈出的窗口的url

最后有兩點須注意: 1.這里只所以用$.dialog這種方式是因為沒有引入jquery庫,所以不會起沖突,如果引入了Jquery庫,這里的$須替換成別的字母。2.content后的Url的寫法 舉例來說 ,(1)如果 a頁面和上面提到的mytest.asp都處於根目錄下,則引用時mytest.asp前面不用加什么../這樣的格式,不然會報錯。

 (2)如果a頁面和mytest.asp都處於根目錄下的某個文件夾(假設名稱為db)下,那引用時必須以db/mytest.asp這樣的格式調用 。

    也就是說$.dialog后面的content中的url的位置是相對於lhgcore.lhgdialog.min.js這個文件而言的,一開始沒注意到這一點,結果耽誤了不少時間。

 

好了本文到此結束,第一次在博客園寫隨筆,如果有寫的讓大家看不慣的地方,還請見諒。

                            

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM