1. 程式人生 > >JQuery slideToggle閃爍問題及解決辦法

JQuery slideToggle閃爍問題及解決辦法

      近期進行的一個專案中,對側邊的選單欄進行操作,為了達到緩慢隱藏或者出現的效果,選擇使用jquery的slideToggle()方法。但是發現效果表現並不理想。在單個案例中,可以像在http://www.w3school.com.cn/中的效果。放在專案的程式碼中時,尤其下拉選單關閉時,會在關閉的末尾,突然復現一下,造成側邊欄上下跳動的現象,很明顯,這樣的效果是需要改進的。

      在網上搜索了一下相關問題,發現有解決的方案,在此進行記錄,以便以後遇到類似問題,提供解決的可能。

      解決方案如下:

      在index.html啟動檔案中,將

<!DOCTYPE html>

修改為

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

這樣就完成了。該行程式碼的用途在於宣告標準的W3C標準。