아임웹에서 코드 충돌이 일어났을때 해결방법 ㅜ
본문
안녕하세요 아임웹으로 작업중인데 현재 외부에서 가져온 코드랑 충돌이 나서
메뉴바 햄버거 버튼을 클릭하면 쏠림 현상이 발생합니다.....
가져온 코드를 지워보고 실행하면 정상적으로 보여서 이 코드가
문제인거 같은데 정확히 어느 부분이 문제인건지, 추가를 하거나 수정을 해야
할듯한데 문제의 원인을 잘 모르겠어서 혹시 확인해주실 분 ㅜㅜㅜ
<div class="map">
<div>
<button class="toggle_btn">@@</button>
<div class="sch-toggle_content">
<h3></h3>
<h2><@@></h2>
<li>@@</li><br>
<br>
<div class="close_btn"></div>
</div>
</div>
<div>
</div>
</div>
<style>
.sch-toggle_content{display:none; text-align: left; font-size: 1.7rem; border: 1px solid #9130ff;
padding: 30px 30px 30px 60px; line-height: 1.7; margin: 20px auto 0; width: 80%; border-radius:10px; }
.sch-toggle_content h2 {font-size:2.5rem; font-weight:700;}
.map{
text-align: center;
border-radius: 10px;}
.map p{ font-size: 2.5rem;
color: #fff; margin-bottom: 20px; padding-bottom: 30px; border-bottom: 1px solid #fff;}
.map span{color: #0FFFB7;font-weight: 500; font-family: anton !important; font-size: 5rem;}
.map .toggle_btn{
color: #fff;
line-height: 1.8;
font-size: 2rem;
width: 380px;
padding: 20px;
background: url() no-repeat center;
background-size: contain;}
.map .toggle_btn:hover {color:#6815ab; transition:0.3s;}
li {
list-style-position: inside;
text-indent: -22px;
}
@media screen and (max-width: 1200px) {
.toggle_content {
margin: 20px auto;
padding: 20px;
font-size: 1.5rem;
}
.toggle_content h3{font-size: 2.5rem;}
}
@media screen and (max-width: 1000px){
.map .toggle_btn{font-size: 1.8rem; width:320px;}
}
@media screen and (max-width: 800px){
.sch-toggle_content {padding: 20px 20px 20px 42px; width: 90%; font-size:1.5rem; background-position-x: center;}
.sch-toggle_content h2 {font-size:1.8rem;}
}
@media screen and (max-width: 600px){
.map span {font-size: 3.5rem;}
}
</style>
<script>
$(document).ready(function() {
$('.toggle_btn').click(function() {
$(this).siblings('.sch-toggle_content').slideToggle();
});
$('.close_btn').click(function() {
$(this).parents('.sch-toggle_content').slideUp();
})
});
</script>
이러한 부분이 세군데 정도 되고
해당 코드인데 혹시 문제가 될 부분이 있을까요??
확인이 필요하다면 개인쪽지로 홈페이지 url공개도 가능합니다
답변 1
1.
F12 누르시고 콘솔탭에서 에러 채크.
2.
컨트롤+쉬프트+C 를 누르셔서 해당 부분 마우스로 찍어보시고
우측에 CSS가 어떻게 할당되어있는지 채크.
3.
1,2 를 해봐도 모르겠으면 의뢰게시판으로.