在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觀察變數值了。

您可能也會有興趣的類似文章

填寫回應

 

 

 

您可使用這些HTML標籤

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">

隨機文章

  1. [轉貼Toget] iColorfolder:為資料夾圖示換上繽紛色彩 
  2. [介紹] DICT.TW 線上字典 (2)
  3. [Tools] 心智圖的繪製工具:Xebece、FreeMind (2)
  4. [珠海見聞] 午餐紀實 
  5. 使用Word 2010 Beta/2007寫Blog文章 (6)
  6. 鯨魚輸入法測試 
  7. [Cygwin] 用c:、d:切換磁碟機目錄 (3)
  8. FireFox擴充套件與自訂工具列按鈕 
  9. 挺不賴的Windows Live Writer的圖片插件:Polaroid Picture (3)
  10. [轉貼] 免費的磁碟備份工具:EaseUs Disk Copy (1)

歷史熱門文章

  1. 如何手動輸入Plurk的表情圖示? (368,466 點擊/2008-09-29)
  2. 啟用&關閉中華電信ZyXEL P874的無線網路連線功能的步驟[修訂] (120,523 點擊/2011-06-01)
  3. Plurk CSS樣式自訂修改全攻略 (89,487 點擊/2009-07-04)
  4. 簡單放大Plurk輸入區的方法[修訂] (88,898 點擊/2008-09-29)
  5. 網路升級光世代50M/3M與設定ZyXEL P874 (72,216 點擊/2011-05-28)
  6. 輕鬆學會彈指神功-揭露AutoHotkey絕技 (50,937 點擊/2008-04-10)
  7. iPad新手入門技巧 (49,456 點擊/2011-02-05)
  8. iPad鍵盤輸入全攻略 (42,934 點擊/2011-01-01)
  9. 分享世博台灣館主題曲『台灣的心跳聲』MV(附歌詞+下載連結+新歌詞) (40,948 點擊/2010-04-27)
  10. 調整Windows 7環境: 加回工作列的「顯示桌面」圖示 (40,875 點擊/2010-01-02)