無法引用jquery的解決方法:1、檢查並修改引用路徑;2、由於html元素不符合標準導致的,將jquery方法放在form表單的下面即可。
本教學操作環境:windows7系統、jquery1.2.6版本,DELL G3電腦。
推薦:jquery影片教學
問題描述:jquery.js在專案中無法引用或引用後無法正常使用。
解決方式:
在檢查並修改html元素;網路上查找到的不能正常使用的原因有:
1、引用路徑錯誤
2、html元素不符合標準,eg:span裡面巢狀div,form中巢狀form
#檢查過後我的路徑是對的,也沒有巢狀錯誤。最後的解決方式是將jquery方法放在form表單的下面。
因為jquery之前較少使用,這裡記錄jquery驗證使用方式。當然,具體問題具體解決。
1、引入jquery.js和jquery.validate.js
2、表單中的內容
<STYLE type=text/css> input.error { border: 2px dashed red; } LABEL { color: red; } textarea.error { border: 2px dashed red; } </STYLE> <form id="dataForm" name="dataForm" action="import" method="post"> <table boder="0"> <tr><td>名称:<input type="text" id="name" name="name" ></td></tr> <tr><td>年份:<input type="text" id="dataYear"name="dataYear"/>*</td></tr> <tr><td><input type="submit" value="数据入库"/></td></tr> </table> </form>
3、jquery驗證
<script type="text/javascript"> $("#dataForm").validate( {//提交表单时,开始验证 rules : { 'name' : { required : true }, 'dataYear' : { required : true } }, messages : { 'name' : { required : "请输入名称" }, 'dataYear' : { required : "请输入时间" } }, focusInvalid : false, onkeyup : false, errorPlacement : function(error, element) { error.appendTo(element.parent()); } }); </script>
以上是無法引用 jquery怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章!