在Xuite裡使用jQuery的重點
 2007/09/22 |  分類: jQuery程式設計
 | 點擊數: 2 / 3044
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觀察變數值了。
您可能也會有興趣的類似文章
- 將IE網頁轉換成FireFox也能執行 (0則留言, 2007/02/28)
- IE和FireFox存取同名物件有不同的作法 (0則留言, 2007/04/08)
- 如何初步分析Blog變慢的原因? (0則留言, 2007/04/26)
- 在瀏覽器網頁裡如何複製連結中的文字? (7則留言, 2010/11/13)
- 使用IE核心的GreenBrowser瀏覽器 (2則留言, 2006/08/05)
- [Firefox] 自動統計的瀏覽紀錄排行榜外掛:New Tab King (0則留言, 2009/04/26)
- 使用FireFox插件存取SQLite資料庫 (0則留言, 2008/01/23)
- jQuery在Xuite的測試 (0則留言, 2007/10/01)
- [轉貼] BookmarkBridge - 為你解決不同瀏覽器中同步書籤的困擾 (2則留言, 2005/04/29)
- 試用Mizilla三套軟體 (0則留言, 2004/11/07)
- Google Reader快速訂閱的FireFox擴充 (2則留言, 2007/06/16)
- 使用jQuery的效益 (0則留言, 2007/09/23)
- FixedHeader.js:將網頁表格標題列固定住的程式 (0則留言, 2011/09/29)
- 在Xuite測試 jQuery (0則留言, 2007/09/12)
- jQuery神奇的選擇器(Selector) (2則留言, 2007/09/28)
隨機文章- [轉貼Toget] iColorfolder:為資料夾圖示換上繽紛色彩
- [介紹] DICT.TW 線上字典 (2)
- [Tools] 心智圖的繪製工具:Xebece、FreeMind (2)
- [珠海見聞] 午餐紀實
- 使用Word 2010 Beta/2007寫Blog文章 (6)
- 鯨魚輸入法測試
- [Cygwin] 用c:、d:切換磁碟機目錄 (3)
- FireFox擴充套件與自訂工具列按鈕
- 挺不賴的Windows Live Writer的圖片插件:Polaroid Picture (3)
- [轉貼] 免費的磁碟備份工具:EaseUs Disk Copy (1)
歷史熱門文章
- 如何手動輸入Plurk的表情圖示? (368,466 點擊/2008-09-29)
- 啟用&關閉中華電信ZyXEL P874的無線網路連線功能的步驟[修訂] (120,523 點擊/2011-06-01)
- Plurk CSS樣式自訂修改全攻略 (89,487 點擊/2009-07-04)
- 簡單放大Plurk輸入區的方法[修訂] (88,898 點擊/2008-09-29)
- 網路升級光世代50M/3M與設定ZyXEL P874 (72,216 點擊/2011-05-28)
- 輕鬆學會彈指神功-揭露AutoHotkey絕技 (50,937 點擊/2008-04-10)
- iPad新手入門技巧 (49,456 點擊/2011-02-05)
- iPad鍵盤輸入全攻略 (42,934 點擊/2011-01-01)
- 分享世博台灣館主題曲『台灣的心跳聲』MV(附歌詞+下載連結+新歌詞) (40,948 點擊/2010-04-27)
- 調整Windows 7環境: 加回工作列的「顯示桌面」圖示 (40,875 點擊/2010-01-02)
|
熱門文章排行
- 如何手動輸入Plurk的表情圖示? (368,466 views/2008-09-29)
- 啟用&關閉中華電信ZyXEL P874的無線網路連線功能的步驟[修訂] (120,523 views/2011-06-01)
- Plurk CSS樣式自訂修改全攻略 (89,487 views/2009-07-04)
- 簡單放大Plurk輸入區的方法[修訂] (88,898 views/2008-09-29)
- 網路升級光世代50M/3M與設定ZyXEL P874 (72,216 views/2011-05-28)
- 輕鬆學會彈指神功-揭露AutoHotkey絕技 (50,937 views/2008-04-10)
- iPad新手入門技巧 (49,456 views/2011-02-05)
- iPad鍵盤輸入全攻略 (42,934 views/2011-01-01)
- 分享世博台灣館主題曲『台灣的心跳聲』MV(附歌詞+下載連結+新歌詞) (40,948 views/2010-04-27)
- 調整Windows 7環境: 加回工作列的「顯示桌面」圖示 (40,875 views/2010-01-02)
|