首頁  >  文章  >  web前端  >  無法引用 jquery怎麼辦

無法引用 jquery怎麼辦

藏色散人
藏色散人原創
2021-01-25 09:59:233359瀏覽

無法引用jquery的解決方法:1、檢查並修改引用路徑;2、由於html元素不符合標準導致的,將jquery方法放在form表單的下面即可。

無法引用 jquery怎麼辦

本教學操作環境: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 : {
                    &#39;name&#39; : {
                        required : true
                    },
                    &#39;dataYear&#39; : {
                        required : true
                    }
                },
                messages : {
                    &#39;name&#39; : {
                        required : "请输入名称"
                    },
                    &#39;dataYear&#39; : {
                        required : "请输入时间"
                    }
                },
                focusInvalid : false,
                onkeyup : false,
                errorPlacement : function(error, element) {
                    error.appendTo(element.parent());
                }
            });
</script>

以上是無法引用 jquery怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn