2011-08-11 2 views
2

이 플러그인을 사용하려고합니다. http://www.cssnewbie.com/example/equal-heights/plugin.html 많은 자바 스크립트를 사용하지 않았습니다.정말 간단한 자바 스크립트 질문

Load the jQuery library in your document’s head. - no probs 
Load the equalHeights plugin the same way. - fine, I can do that 

을하지만 그것은 말합니다 : 그것은 말한다 정확하게 높이를 계산할 수있는 기능을 위해서는, 당신은 페이지를 실행하기 전에로드가 완료 될 때까지 기다립니다 있는지 확인해야합니다. 그래서 .ready 달러 (A $) (docment)() 함수 (그냥 당신이 가장해야 당신의 jQuery의 모든 기능 등)과 같이 함수 호출을 래핑 :

$(document).ready(function() { 
$(".columns").equalHeights(100,300); 
}); 

을 내가 정확히 어디에 넣어 지금은 잘 모르겠어요 . 그 코드 (또는 유사한) 전에 이미 포함 된 다른 자바 스크립트 파일에서 이미 포함 된 자바 스크립트 파일에있었습니다.

jsfile에 그 기능을 붙이면됩니까? 또는 페이지의 어딘가에서 일어날 필요가 있습니까?

+1

jQuery를로드 한 후 아무 데나 괜찮습니다. –

+0

그냥 자바 스크립트 스크립트 태그에 있어야합니다. – StuartLC

+0

.js 파일에 넣고 방금 jQuery 플러그인을 사용한 것처럼 포함시킬 수 있습니다. 또는 태그 사이에 직접 스크립트를 작성할 수 있습니다 ( 섹션에 넣는 것이 가장 좋습니다) –

답변

0

일반적인 연습은 script 태그 안에 넣고 플러그인 참조 바로 뒤에 head 태그 안에 넣는 것입니다.

권장 연습은 script 태그 안에 그것을 포장하고 페이지 의 하단에 배치 단지 body 태그을 닫기 전에하는 것입니다.

이 읽기 ​​: 기능은 의미 아래 Best Practices for Speeding Up Your Web Site

2

당신은

<script></script> 

태그에 싸여 페이지에 넣을 수 있습니다.

0

두 jQuery 파일 다음에로드되는 한 어디에서나 사용할 수 있습니다.

페이지 또는 외부 js 파일에 있음.

0

태그 또는 본문 태그에서 원하는 위치로 붙여 넣거나 다른 파일에서 가져올 수 있습니다. 물론 jquery 파일 이후에도 해당 태그를 가져올 수 있습니다.

일반적으로 내 권장 사항은 파일에 보관하는 것입니다. 스크립트는 스크립트 파일에 스크립트가 있습니다. 마크 업 파일에 마크 업 등이 있습니다.

0

이 코드는 jquery 이후 또는 html 코드 어디에서나로드 된 외부 javascript 파일에 배치 할 수 있습니다. 선호, HTML 태그가 닫히기 전에. 추신. html 코드에 삽입하는 경우 스크립트 태그 아래를 감싸는 것을 잊지 마십시오.

0

난 지금 당신은 JS 파일에 넣고 수있는이

<head> 

<!-- Include jQuery here --> 

<script> 
$(document).ready(function() { 
    $(".columns").equalHeights(100,300); 
}); 
</script> 
</head> 
<body> 

</body> 
0

같은 닫는 헤드 태그 앞에 넣어, 오른쪽 몸 닫는 태그 전에 HTML 페이지의 하단에 배치한다. 모든 js 파일을 html 페이지의 맨 아래로 이동 시켜서 페이지를 빨리 불러오는 방식으로 몸체 닫기 태그를 옮기십시오.

ex.

<script src=jquery.js></script> 
<script src=equalHeights.js></script> 
<script src=myScript.js></script> 

이렇게하면 스크립트가 올바른 순서로로드됩니다.

0

당신은 알고

<script> 
$(document).ready(function() { 
    $(".columns").equalHeights(100,300); 
}); 
</script> 

모든로드 된 후에 호출됩니다

window.onload = function(){}처럼. 따라서이 기능을 설정할 위치에 대해 걱정하지 않아도됩니다. jQuery와 플러그인을 대상으로 아무 데나 설정할 수 있습니다.