使用第三方 plugin 需要注意的細節

下面的檢核表,要一一檢查

  • [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來製作網頁。