解決 jQuery UI 與 validationEngine 的 Popup 位置錯誤


因某些需要所以需加入

  • jQuery UI 的 Datepicker 組件
  • jQuery Plugin 的 validationEngine

用以往加入的方式.在 Chrome 上測試通過.
不過在 IE8 的瀏覽器上出現了位置錯誤.
情況就是顯示區域不在 Input 之上或之下.
而是跳到了頁面的最上方.檢查了生成的代碼.發現沒有問題.
最後發現是原來 Dummy 就有問題
記錄一下解決

將原來的 DOCTYPE 聲明:

1
2
3
4
5
6
7
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</meta>
</head>
<body>....</body>
</html>

換成一個較為標準的方法就了

1
2
3
4
5
6
7
8
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</meta>
</head>
<body>....</body>
</html>