在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. 滑鼠手勢症候群!方便的IDEA Mouse Gestures (2)
  2. [Tools] 自動重新啟動電腦的工具:Smart Shutdown 
  3. [WordPress 3] 將Twenty Eleven佈景主題加上分頁導航樣式 
  4. 用AutoHotkey插入噗浪隱藏版表情符號 (8)
  5. 使用Autohotkey開發的熱字串替換工具:Texter (1)
  6. IDEA 5.0試用版的測試結果:怎一個慘字了得! (2)
  7. [iReport] 正常顯示中文的PDF格式完全解決方法 
  8. [Xuite] 文章標題列樣式的簡單變化 
  9. 如何用批次指令取得上個月的月份-再修訂版 (10)
  10. 用Startup Delayer加速Windows的開機速度 (2)

歷史熱門文章

  1. 如何手動輸入Plurk的表情圖示? (352,657 點擊/2008-09-29)
  2. 簡單放大Plurk輸入區的方法[修訂] (86,882 點擊/2008-09-29)
  3. 啟用&關閉中華電信ZyXEL P874的無線網路連線功能的步驟[修訂] (83,273 點擊/2011-06-01)
  4. Plurk CSS樣式自訂修改全攻略 (82,946 點擊/2009-07-04)
  5. 網路升級光世代50M/3M與設定ZyXEL P874 (52,908 點擊/2011-05-28)
  6. 輕鬆學會彈指神功-揭露AutoHotkey絕技 (42,990 點擊/2008-04-10)
  7. iPad新手入門技巧 (40,240 點擊/2011-02-05)
  8. 分享世博台灣館主題曲『台灣的心跳聲』MV(附歌詞+下載連結+新歌詞) (38,113 點擊/2010-04-27)
  9. 把HTC Touch HD操作介面換成Spb Mobile Shell,美觀又便利! (37,923 點擊/2009-02-18)
  10. 另一套適用手機的影片轉檔工具:WinAVI 3GP/MP4/PSP/iPod Video Converter (35,873 點擊/2009-04-18)