1. 程式人生 > >$ is not defined、$.dialog() is not function、$(...).ajaxsubmit() is not function

$ is not defined、$.dialog() is not function、$(...).ajaxsubmit() is not function

   今天用easyUI彈一個dialog在用ajax提交表單,因為欄位過多,所以要進行封裝,所以就想到了jquery的ajaxsubmit提交。

首先報錯為$ is not defined 這是因為jquery.js沒有引用,但查一下引用了,後來發現前面引用的js檔案用了jquery.js框架,原來是沒有第一個引用,後來把它放到第一

之後又報$.dialog() is not function,首先檢查是否引入了dialog的easyUI包,查詢後

引用了<scriptsrc="../jquery-easyui-1.3.1/jquery-1.8.0.min.js"type="text/javascript"

><scriptsrc="../jquery-easyui-1.3.1/jquery.easyui.min.js"type="text/javascript"></script><linkhref="../jquery-easyui-1.3.1/themes/default/easyui.css"rel="stylesheet"type="text/css"/> <linkhref="../jquery-easyui-1.3.1/themes/icon.css"rel="stylesheet"type="text/css"/> <scriptsrc="../jquery-easyui-1.3.1/locale/easyui-lang-zh_CN.js"
type="text/javascript"></script>

   明明已經引用了,為什麼會報錯呢,後來在網上一查,原來jquery.js是一個輕量級js框架,而jquery-1.8.0.min.js其本質也是一個jquery.js框架,js框架衝突,但要適用easyUi就必須適用jquery-1.8.0.min.js這樣的重量級js框架,所以把剛開始的jquery.js刪除,把jquery-1.8.0.min.js放到第一的位置就可以了,

   之後使用ajaxsubmit提交,點選就報$(...).ajaxsubmit() is not function,在網上一查,說是include和page引入jsp頁面中引入的js包衝突。但一檢查沒有重複的js包啊,查了一下午沒有查出有什麼問題,後來去查ajaxsubmit的用法,原來是沒有新增<

scriptsrc="../jquery-easyui-1.3.1/jquery.form.js"type="text/javascript">js包,之後問題解決。