在Xuite裡使用jQuery的重點

Xuite有使用jQuery 1.1.2，因此我們可將在自由欄位裡直接撰寫jQuery的程式。但在我測試與實作之後，有下列幾個重點要特別注意：

• 在DOM(Document Object Model)結構形成完畢後，jQuery的$(document).ready()就能生效啟用，但寫在$(document).ready()裡的程式有時卻不能正常運行，有時在FireFox裡成功但IE有問題，有時在IE正常但FireFox又出狀況，似乎是兩個瀏覽器對於網頁要素(Elements)的載入順序作法不同所造成的不一致異常。最後放棄使用$(document).ready()，使用較常用的window.onload後就一切正常了。

修改如下才能正常執行：

• 善用FireFox插件FireBug來偵測與除錯。當安裝了FireBug後，右鍵功能表就會多出Inspect Element選項，把游標移動到某個要素位置後選Inspect Element，FireBug會顯示出該要素的HTML出來，方便檢視其上與其下的各個要素的細節。打開FireBug的Script，在其第一列的藍色下拉選單裡選取特定的 .js 檔，在顯示出的原始碼行號上按一下，即可做中斷點的切換，當程式執行到中斷點後就會暫停，此時就可以用Watch觀察變數值了。

相關文章

• 使用Memory Fox附加元件為Firefox進行定期記憶體瘦身 (2010/02/27, 3則留言)
• 第4個jqGrid範例: 資料列處理 (2010/02/14, 10則留言)
• 第3個jqGrid範例: XML與XML STRING格式 (2010/02/14, 0則留言)
• 第2個jqGrid範例：增加額外選項設定 (2010/02/13, 0則留言)
• 第一個jqGrid範例：Local array (2010/02/13, 0則留言)
• [Firefox] 自動統計的瀏覽紀錄排行榜外掛：New Tab King (2009/04/26, 0則留言)
• 重置Firefox Ubiquity的設定 (2009/04/12, 0則留言)
• 用WordPress的WPtouch外掛顯示iPhone與HTC Touch HD的精簡樣式[修訂] (2009/02/02, 0則留言)
• Ubiquity在歲末又向前邁了一小步；0.1.3釋出 (2008/12/31, 4則留言)
• 網路衝浪新幫手－無所不在的Firefox Ubiquity (2008/12/16, 10則留言)