마우스 효과는 2개 적용 못 하나요?
본문
자바스크립트 2개 넣어봤는데 처음에 넣은 것밖에 적용이 안 되는 것 같아서...ㅎㅎ ㅠㅠ
답변 4
한번밖에 사용 못 하는 코드를 2번 사용하면 그런 경우가 발생하고,
여러번 사용 가능한 코드를 2번 사용하면 사용할 때마다 사용 가능하고....
코드를 어떻게 짰는냐에 따라 다릅니다.
보통, 아이디처럼 한번만 사용 가능한 코드를 이용해 변수 생성 후 코드 짜면 그런 현상 발생해요.
예를 들어 다음과 같이 할 수 있습니다.
네임스페이스 사용: 각각의 코드를 독립된 네임스페이스에 위치시켜 충돌을 방지
<script>
// 첫 번째 코드
var namespace1 = {
// 코드 내용
};
</script>
<script>
// 두 번째 코드
var namespace2 = {
// 코드 내용
};
</script>
이벤트 기반 실행: 문서의 특정 이벤트가 발생했을 때 코드를 실행하도록 함.
<script>
// 첫 번째 코드
document.addEventListener('DOMContentLoaded', function() {
// 코드 내용
});
</script>
<script>
// 두 번째 코드
document.addEventListener('DOMContentLoaded', function() {
// 코드 내용
});
</script>
순서 조절: 코드를 적용하는 순서를 조절하여, 먼저 실행되어야 하는 코드가 먼저 실행되도록 함.
<script src="first.js"></script>
<script src="second.js"></script>
이러한 방법 중 하나를 사용하여 코드 충돌을 해결할 수 있을 것 같습니다.
css 가능한 상황이면 시도해보세요
어떻게 시도해보라는 말씀이실까요?!
두개는 될텐데 정확하게 어떻게 하시는지 남기셔야지 답변을 받기 쉬우실거 같습니다.
답변을 작성하시기 전에 로그인 해주세요.