body 태그에 jquery addclass

다음 스크립트는 div 안에 있습니다. 중요합니까? 그대로 작동하지 않습니다. 구문이 맞습니까? jquery에게 먼저 DOM에서 레벨을 올리라고 말해야합니까? 내가 어떻게 할까?body 태그에 jquery addclass

 $(document).ready(function() { 
      $('body').addClass('diary'); 
     });

감사합니다. $('body') 스크립트로 전체 DOM

출처

2012-11-12 Pete Norris

추가 한 바디 클래스를 확인하기 위해 html 소스를보고있는 것으로 알고 있습니다. 자바 스크립트를 사용한 DOM 조작은 소스 코드에서 볼 수 없지만 브라우저의 개발자 도구 (Chrome, Firefox 및 IE에는 개발자 도구가 있음)에서 확인할 수 있습니다.

출처

2012-11-12 12:54:45 halilb

모든 시간을 낭비하여 죄송합니다 ... 클래스가 뷰 소스에 표시되지 않는다는 것을 알지 못했습니다. 일단 제가 확인한 후에는 곧 SASS를 사용하기 시작했고 컴파일 된 버전의 스타일 시트는 자동으로 사이트에 업로드되지 않습니다. 당신 덕분에. –

에 코드를 완벽하게 올바른 :

다음은 HTML의 관련 섹션입니다. Diary 클래스가 본문에 적용됩니다. 다이어리 수업을 공유하고 jQuery이 올바르게로드되었는지 확인하십시오. 방화범과 같은 개발 도구를 사용하십시오.

다음과 같이 Scripts 폴더가 있고 jQuery.js은 jQuery 파일 인 jQuery 파일을 페이지에 추가하십시오. 이미 페이지에이 항목이 포함되어 있다면 개발자 도구가 제대로로드되고 있는지 확인하십시오.

<script src="Scripts/jQuery.js" type="text/javascript"></script>

또는 코드가 잘 보이는 CDN

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>

출처

2012-11-12 12:48:51

페이지에서 소스를 볼 때 본문은 클래스가 없어도 유지됩니다. –

다른 문제가 있어야합니다. 콘솔에 오류가 있습니까? 더 많은 코드를 보여줄 수 있습니까? –

에게 어떤 문제를 검색하지 않습니다 때문에

<body>

<header> 
    <div class="logo"> 
     <a href=""></a> 
    </div> 
    <nav class="main-nav"> 
     <a class="first" href="http://www.adrianwaddingham.com">HOME</a> 
     <a class="second" href="/sheriff">SHERIFF</a> 
     <a class="third" href="/biography">BIOGRAPHY</a> 
     <a class="fourth" href="/contact">CONTACT</a>  
     <a class="fifth" href="/diary">DIARY</a>  

    </nav> 

    </header> 

<script> 
     $(document).ready(function() { 
      $('body').addClass('diary'); 
     });  
</script> 


<section class="copy-main"> 
    <article>

출처

2012-11-12 12:51:14 Kashif

body.diary a { \t \t \t \t border-bottom : 3px 단색 흰색; } –

에서 추가 할 수 있습니다. 여기에서 확인하십시오, http://jsfiddle.net/muthkum/P5uS2/. FireBug 또는 Chrome Inspector를 사용하여 <body> 태그를 확인하십시오.

jquery 파일을 포함 시켰는지 확인하십시오.

출처

2012-11-12 12:53:28

jquery가로드되고 있는지 확인하는 쉬운 방법이 있습니까? 거기에 링크가 있습니다. –

브라우저에서 페이지 소스를 확인하거나 소스를 확인하십시오. jquery.js 또는 jquery.min.js를 찾으십시오 –

body 태그에 jquery addclass

답변

관련 문제