잡히지 않은 ReferenceError : $가 정의되지 않았습니까? Jsfiddle

저는 초보자입니다. 사용자가 아래로 스크롤했을 때 표시되는 탐색 모음을 만들 때 jsfiddle를 사용했습니다.

Dreamweaver에 코드를 복사해도 더 이상 작동하지 않습니다.

jquery 프레임 워크 또는 뭔가 추가하는 방법에 대해 조사했습니다. 프레임 워크없이이 작업을 수행 할 수있는 방법이 있습니까?

링크는 전체 코드 jsfiddle합니다 : http://jsfiddle.net/fNn7K/270/는

자바 스크립트 :

$(window).on('scroll', function() { 
    console.log($(this).scrollTop()); 
    if ($(this).scrollTop() > 50) { 
    $('.nav').addClass('visible'); 

    }else if ($(this).scrollTop() <= 50 && $('.nav').hasClass('visible')) { 
     $('.nav').removeClass('visible'); 
    } 

});

출처

2013-05-16 Ned

jQuery 참조도 추가해야합니다. – iappwebdev

_ 프레임 워크없이이 작업을 수행 할 수있는 방법이 있습니까? _. jQuery 라이브러리를 포함 할 필요가 없습니다. –

예, jQuery없이 수행하는 방법이 있습니다. JavaScript를 작성해야합니다. –

당신이 할 수 있습니다

window.onscroll = function() { 
    var display = document.body.scrollTop > 150 ? 'inline' : 'none', 
     elems = document.getElementsByTagName('nav'); 

    for (var i=0; i<elems.length; i++) { 
     elems[i].style.display = display; 
    } 
}

FIDDLE

출처

2013-05-16 13:46:29 adeneo

정말 고마워요 !! 이것은 완벽하게 작동했습니다. – Ned

When i copy the code to dreamweaver it no longer works?

JS 바이올린는 사용자의 여러 조각을 기반으로 페이지 데이터를 입력을 조립한다. 이러한 데이터 중 하나는 라이브러리 선택입니다.

코드를 문서의 올바른 위치에 복사하고 동일한 라이브러리를 포함해야합니다.

그런데도 Dreamweaver의 미리보기 모드는 완전히 끔찍하기 때문에 표시되지 않을 수 있습니다. 실제 브라우저에서 테스트를 수행합니까?

I have researched and it said something about adding the jquery framework or something?

jQuery 메서드를 사용하려면 jQuery 라이브러리가 필요합니다.

Or is there a way to do this without the framework?

jQuery는 다른 사람들이 작성한 일부 JavaScript입니다. 당신은 그것이하는 모든 것을 재현 할 수 있습니다. jQuery를 사용하지 않도록 코드를 라인별로 다시 작성하면 stackoverflow 응답의 범위를 벗어납니다.

출처

2013-05-16 13:27:52 Quentin

당신이

당신이 제공 한 바이올린에 <head> 태그

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

사이에이에서 추가 .. 코드 (드림위버)에 jquery.js 파일을 추가 할 필요가, JQuery와는 이미로드 .. 그래서 당신은 그 오류를 얻지 못했습니다.

하고 (이미 바이올린 추가, 다시 인) document.ready 함수 내에서 코드를 포장하는 것을 잊지 마세요 .. jQuery를하지 않고

$(function(){ 
    $(window).on('scroll', function() { 
     ..... 
    }); 
});

출처

2013-05-16 13:28:05 bipen

'$ (document) .ready가 필요 없다고 생각합니다. 창 개체는 DOM보다 먼저 사용할 수 있습니다. 비록 OP를 말하는 것뿐만 아니라 실제로 jQuery를로드하는 방법을 추가하는 방법을 추가하기 위해 +1했다. – 11684

@ 11684 .. 고마워 ... :) ... – bipen

잡히지 않은 ReferenceError : $가 정의되지 않았습니까? Jsfiddle

답변

관련 문제