下面的檢核表,要一一檢查
-
[x]確認熱門瀏覽器有無支援(有沒有在持續做更新),至少 IE9 以上例如:
Lightbox’s Browser support -
[x]確保需要載入的 CSS、JS、IMG 皆有載入例如:
Lightbox’s Getting started -
[x]如果發現有問題時,按右鍵「檢查」打開 Console 確認是否有 error
當 javascript 和 jQuery 有錯誤的話,會在 Console 看到紅字 error
[沒有error]
Console是空白的
[有error]
Console會出現error
也可以到裡面,檢查剛才新增的javascript有沒有載入成功
[有載入成功]
[沒有載入成功]
Error 代表路徑是錯的
-
[x]查詢插件的 js 設定除了預設樣式之外,還可以如何客製化例如:
Lightbox’s Options -
[x]修改 css 成自己要的樣式
Q&A
Q:
當使用多個plugin時,而他們所支援的jquery版本都不同時,要怎麼去解決這個問題?
A:
這問題可能就必須去看 插件的兼容性,有些插件會寫說他支援某個版本的 jQuery,所以有時候也不要急著用比較新的版本,可以用稍微舊的版本,才不會導致一用新的 jQuery 版本就全部爆炸了。
結論
載入別人的plugin,不管CSS 或jQuery,都是別人做好、設定好的,我們把它下載下來,並 link:css/script src="" 套入我們的檔案裡面,把它們指定到project資料夾應該的位置,開啟他們來進行套用,並配合我們自己建立的CSS JS來製作網頁。