2016-10-16 7 views
-4

div 태그의 이름과 div 태그의 아래쪽에있는 p 태그가있는 div 컨테이너 내부에 그림을 레이블링하려고하는데 .text를 사용할 때 작동하지 않습니다. 나는 사업부 컨테이너 사업부의 H2에 JS 파일, "다스 베이더"의 텍스트를 삽입하는 것을 시도하고있다 : charContainerdiv jquery 안에 텍스트 넣기

<!DOCTYPE html> 
    <html lang="en"> 
    <head> 
    <title>Week 4 Game</title> 
    <link rel = "stylesheet" type = "text/css" href = "assets/css/reset.css"> 
    <link rel="stylesheet" type="text/css" href="assets/css/style.css"> 

    <!-- Added link to the jQuery Library --> 
    <script src="https://code.jquery.com/jquery-2.2.3.js" integrity="sha256- laXWtGydpwqJ8JA+X9x2miwmaiKhn8tVmOVEigRNtP4=" crossorigin="anonymous"></script> 

    <style type="text/css"> 
    .characters 
    { 
     width: 100%; 
     overflow: auto; 
     margin-left: 50px; 
    } 
    .vade, .skywalker, .obi, .dmaul 
    { 
     width: 130px; 
     height: 100px; 
     margin-top: 30px; 
     margin-left: 35px; 
    } 
    .charContainer, .charContainer1, .charContainer2, .charContainer3 
    { 
     width: 200px; 
     height: 170px; 
     float: left; 
     border: solid; 
     border-color: green; 
     background-color: white; 
    } 

    h2 
    { 
     font-size: 50px; 
     width: 100%; 
     margin-left: 50px; 
    } 
    .your 
    { 
     width: 100%; 
    } 
    .enemies 
    { 
     width: 100%; 
     overflow: auto; 
     margin-top: 50px; 
    } 
    .c1 
    { 
     width: 100%; 
     font-size: 20px; 
    } 
    </style> 

    </head> 
    <body> 
    <div class = "characters"> 
    <div class="charContainer"> 
     <h2 id="c1"></h2> 
     <img class="vade" src="assets/images/vader.jpg"> 
     <p class="c1hp"></p> 
    </div> 
    </div> 
    <div class="your"> 
    <h2>Your Character</h2> 
    </div> 
    <div class="enemies"> 
     <img class="dmaul" src="assets/images/maul.png"> 
    </div> 


    </body> 
    </html> 

JS 그것은 당신의 JS 파일에 그냥 오타

 $(document).ready(function(){ 
     $('#c1').text("Darth Vader"); 


    } 
+1

JQuery 준비 완료시')'닫으시겠습니까 –

+0

더하기, JS 파일의 스크립트 태그는 어디에 있습니까? – Tibrogargan

+0

누락)');'끝으로 – mrahmat

답변

0

파일 .

교체 :

$(document).ready(function(){ 
    $('#c1').text("Darth Vader"); 
} 

로 :

$(document).ready(function(){ 
    $('#c1').text("Darth Vader"); 
}); 

업데이트 10월 16일 1시 46분을

  1. jQuery 라이브러리의 스크립트 가져 오기에 포함 여분의 공백은 sha256-laXWtGydpwqJ8JA+X9x2miwmaiKhn8tVmOVEigRNtP4=

  2. 사이입니다. index.html에서 JS 파일을 참조하지 마십시오.

추가 :

<script src="NAME-OF-JS-FILE.js"></script>

단지 </body> 태그 변론 전에.

+0

나는 그 일을하고 여전히 작동하지 않습니다 – henhen

+0

Dohhhh ty 너무 많이 – henhen

+0

행복하게 도와 드릴 수 있습니다. :) –