프로그래밍 언어/jQuery, ajax

JQuery - $ is not defined 오류 해결방법

Rateye 2021. 9. 17. 11:06
728x90
반응형
질문 : JQuery-$가 정의되지 않았습니다.

간단한 jquery 클릭 이벤트가 있습니다.

<script type="text/javascript">
    $(function() {
        $('#post').click(function() {
            alert("test"); 
        });
    });
</script>

및 site.master에 정의 된 jquery 참조

<script src="<%=ResolveUrl("~/Scripts/jquery-1.3.2.js")%>" type="text/javascript"></script>

스크립트가 올바르게 해결되고 있는지 확인했으며 마크 업을보고 방화범에서 스크립트를 직접 볼 수 있으므로 발견되어야합니다. 그러나 나는 여전히 다음을 얻고 있습니다.

$가 정의되지 않았습니다.

jquery는 작동하지 않습니다. $(document).ready 및 jQuery 등과 같은 다양한 변형을 시도했습니다.

.net 3.5의 MVC 2 앱입니다. Google의 모든 곳에서 파일이 올바르게 참조되었는지 확인하라고 말합니다. 다시 확인하고 확인했습니다. 조언을 부탁드립니다! : /

답변

이 오류는 다음 세 가지 중 하나에 의해서만 발생할 수 있습니다.

우선, 어떤 스크립트가 제대로 호출되는지 확인하십시오.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

async 또는 defer 속성이 없어야합니다.

그런 다음 Firebug net 패널을 확인하여 파일이 실제로 제대로로드되고 있는지 확인해야합니다. 그렇지 않은 경우 빨간색으로 강조 표시되고 옆에 "404"라고 표시됩니다. 파일이 제대로로드되면 문제가 2 번임을 의미합니다.

모든 jQuery 자바 스크립트 코드가 다음과 같은 코드 블록 내에서 실행되고 있는지 확인합니다.

$(document).ready(function () {
  //your code here
});

이렇게하면 jQuery가 초기화 된 후 코드가로드됩니다.

마지막으로 확인해야 할 사항은 jQuery를로드 하기 전에 플러그인을로드하지 않는지 확인하는 것입니다. 플러그인은 "$"객체를 확장하므로 jQuery 코어를로드하기 전에 플러그인을로드하면 설명한 오류가 발생합니다.

참고 : 실행하는 데 jQuery가 필요하지 않은 코드를로드하는 경우 jQuery 준비 처리기 내부에 배치 할 필요가 없습니다. document.readyState 사용하여 분리 할 수 있습니다.

출처 : https://stackoverflow.com/questions/2194992/jquery-is-not-defined
728x90
반응형