[問題] 防止javascript互相衝突

[LaPass (LaPass)]

如標題
自己在 javascript方面算新手
因為沒用JS寫出大東西過



現在打算寫個類似google analytics之類的
可以讓別的網站只加上幾行我給他的JS就，可以使用的小功能

在實做方面，我會考慮用jQuery之類的libary，因為比較省工
但是，現在我在擔心一個問題

別人的網站可能也有使用jQuery，甚至是不同版本

我想請問
  如何同時「避免自己的js、引用的libary別人網上的js互相衝」
  又能夠「讓自己的js、引用的libary，可以在別人的網站上，正常運作」？



--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 61.59.16.65
推 musie:全部都寫在同一個nameSpace下面 或是寫成jquery plungin
→ LaPass:請問是像這樣嗎?
→ LaPass:http://ppt.cc/TqLr 那請問我要怎麼引用自己的jquery? 不寫
→ LaPass:成plungin的原因是，我無法確定別人用的版本，以及是否有裝
→ LaPass:jquery?
→ LaPass:是下面 172的那個嗎? 那個我看不太懂 QQ
推 musie:http://shichuan.github.com/javascript-patterns/
→ musie:下面有介紹jquery plungin的pattern..
→ musie:再下面也有namespace的解說..
→ musie:關於jQuery版本數不同這就沒辦法了 只能事先宣告適用於幾版
→ LaPass:沒有「把自己引用的jQuery關在自己的框框中自己玩」的方法
→ LaPass:嗎？ Q_Q
→ fatalismo:requirejs load指定的jquery(cdn), 再jQuery.noConflict
→ AstralBrain:塞iframe吧
→ fatalismo:再用r.js打包，並且在對方的jquery載入前載入你的檔案
→ TonyQ:不會沒辦法啊，不要用 $ 這個變數就好了。
→ TonyQ:也不要用 jQuery 這個變數，修改一下 jQuery source 就好
→ LaPass:好主意，我晚點試試看 XDDD
推 mrbigmouth:把jquery原始碼複製貼上到自己的原始碼內...
→ mrbigmouth:應該說自己的scope裡　然後把前面幾行的
→ mrbigmouth:_jQuery = window.jQuery _$ = window.$等等改掉
→ mrbigmouth:等等　不用這樣
→ mrbigmouth:直接把最後一行的})( window );改成你的app即可
→ mrbigmouth:反正就是別讓jQuery直接把$,jQuery註冊在window上即可
→ mrbigmouth:然後就能在自己的scope內玩了
→ musie:等於把jQuery的core包在你的lib裡面 這樣肥滋滋...
→ LaPass:成功.... 搜尋取代window.$跟window.jQuery後就成功了。
→ LaPass:接下來我看看要怎麼把jQuery UI包進去.... XD
推 mrbigmouth:原Po的意思就是可以使用者用一套jQuery,自己另用一套
→ mrbigmouth:那就不可能不肥滋滋啊...XD
→ LaPass:也還好，才幾十k而已，jQuery UI就很肥..... 200K.....orz
→ nenpow:jquery ui 可以選擇要的下載 一般不會想全下載吧