아임웹에서 코드 충돌이 일어났을때 해결방법 ㅜ

아임웹에서 코드 충돌이 일어났을때 해결방법 ㅜ

QA

아임웹에서 코드 충돌이 일어났을때 해결방법 ㅜ

본문

안녕하세요 아임웹으로 작업중인데 현재 외부에서 가져온 코드랑 충돌이 나서

메뉴바 햄버거 버튼을 클릭하면 쏠림 현상이 발생합니다.....

가져온 코드를 지워보고 실행하면 정상적으로 보여서 이 코드가

문제인거 같은데 정확히 어느 부분이 문제인건지, 추가를 하거나 수정을 해야

할듯한데 문제의 원인을 잘 모르겠어서 혹시 확인해주실 분 ㅜㅜㅜ

 

<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 를 해봐도 모르겠으면 의뢰게시판으로.

답변을 작성하시기 전에 로그인 해주세요.
전체 127,565 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT