2014-04-16 2 views
-3

이것이 가능한지 나는 모른다. 이것이 js 파일의 모습입니다 :jquery와 javascript를 같은 파일에 추가하는 방법은 무엇입니까?

$(document).ready(function(){ 
    $("li#dropdown").on('click', function(e) { 
     $('#toggleList').slideToggle(); 
     e.preventDefault(); 
    }); 
}); 

//javascript code... 

이게 가능합니까? 또는 다른 파일에 내 자바 스크립트 코드를 갖는 것이 더 낫습니다.

+4

jQuery는 * JavaScript로 작성된 라이브러리입니다. 동일한 스크립트 언어이기 때문에 두 파일을 같은 파일에서 사용할 수 있습니다. – ItsGreg

답변

1

전적으로 원하는 작업에 따라 다릅니다.

자바 스크립트에 코드가있는 경우 $(). ready 이벤트 내에서 사용되며 $(). ready 앞에 넣어야합니다.

규칙은 특정 작업을 수행하는 기능이있는 코드이며 "사용자"라이브러리라고 할 수 있으며이 코드를 분리 된 파일에 저장해야합니다.

페이지의 이벤트 처리를 다루는 코드로, [페이지 이름] .js가있는 파일을 올려야하지만 이것은 구성하는 방법입니다.

자바 스크립트는 매우 유연하기 때문에 모든 파일을 동일한 파일에 넣을 수 있으며 일반적으로 작동합니다.

+0

jquery는 모든 버튼 이벤트를 처리하지만 내 자바 스크립트는 상점 위치 지정자에 대해 수행 할 지오 코딩을 처리합니다. – Monica

+1

좋아, 그럼 GeoCodingLib.js 안에 지리 코드 기능을 넣고 페이지 특정 이벤트와 함께 작업 할 코드를 넣으십시오. MyGeoPage.js라는 파일 모두 똑같은 지저분한 코드에 넣을 수 있습니다 .js, 그러나 두 가지 관심사를 분리하면 더 우아합니다. –

+1

감사합니다. 알고 싶습니다. – Monica

1

Jquery는 자바 스크립트 코드로 만들어진 라이브러리입니다.

그래서 실제로 자바 스크립트로 자바 스크립트를 작성하고 있습니다.

그래서 당신은 그것을 결합 할 수 있습니다, 이미 결합 무엇 : P

하하 당신은 스크립트 자바 스크립트 goodluck는와 JQuery와 내부 수

!

1

제대로 작동 할 것입니다. jQuery 또는 JavaScript로 작성된 코드에는 아무런 문제가 없습니다.

jQuery는 자바 스크립트로 작성된 라이브러리입니다. jQuery는 코드를 줄여줍니다. 다른 큰 차이점은 없습니다.

$(document).ready(function(){ 
    $("li#dropdown").on('click', function(e) { 
     $('#toggleList').slideToggle(); 
     e.preventDefault(); 
    }); 
}); 

웹 응용 프로그램에 jQuery 플러그인을 포함 시켰을 때 모든 브라우저에서 작동합니다. 그렇지 않으면 브라우저가 $ 문자를 인식 할 수 없으며 오류가 발생합니다. 그것이 당신이 걱정해야 할 것입니다.

.slideToggle()은 단지 방법 일뿐입니다. 함수 또는 jQuery. e은 이벤트 처리기이며 preventDefault는 JavaScript의 일부이기도합니다. 따라서 jQuery와 JavaScript가 비슷하다는 것을 알 수 있습니다. 큰 차이는 없습니다.

JavaScript는 모든 브라우저에서 실행됩니다. 따라서 모든 브라우저에서 그대로 실행됩니다.

관련 문제