[心得] jQuery的套件SimpleModal解決方式

看板Ajax作者 (popmij)時間14年前 (2011/12/15 22:36), 編輯推噓0(000)
留言0則, 0人參與, 最新討論串1/1
最近接觸了jQuery後發現SimpleModal用來顯示資訊很好用 美觀又可以突顯要顯示的資訊 SimpleModal網址: http://www.ericmmartin.com/projects/simplemodal/ 他的使用方式跟一般jQuery一樣... 先引用 jQuery 再載入 basic.js 但是在使用上會發現一個問題~ 第一次載入後將整個網頁內容指定的 div 的 class給自動加上 jQuery 的一個變動id 如:jQuery17106447435566015724=3 (此ID在一般HTML上看不到) 如此才會在按下按紐時啟動這個jQuery外掛... 但是如果其他按紐是使用AJAX傳回來的.... 它就會因為沒有產生jQuery的ID而失效... 所以我的解決方法是當會產生SimpleModal按紐時 再載入jQuery的SimpleModal函數..... 如此一來就可以讓之後加入的按紐也能work... 但是...這僅限於Firefox與Chrome(其他未試過) 在IE上就是不行.....也確定它有再次載入jQuery的SimpleModal函數.... 在這邊就想罵IE~~總是跟人與眾不同..... 但還是找到解決方法... 我是用XAJAX的PHP套件... 因此在整個流程跑完後寫上 $obj->script('simplemodal();'); 這樣就會去呼叫定義好的simplemodal函數... 如此一來在IE上也能運作..... 註:在SimpleModal的basic.js裡要先把按紐函數獨立出來再載入 其實對jQuery還不是很熟... 不曉得有沒有比較好的解決方法~ 但這方法就提供給找不到頭緒的一個參考!! -- A:你的日曆怎麼都沒撕啊? B:這樣才會每天過年啊!! 有這種道理嗎????? -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 111.254.127.249
文章代碼(AID): #1EwWNMOU (Ajax)
文章代碼(AID): #1EwWNMOU (Ajax)