2016-10-16 40 views
-4

divタグの名前とpタグの下のヘルスポイントのdivコンテナ内に画像をラベリングしようとしていますが、.textを使用すると機能しません。私はdivのコンテナにするdiv 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は

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


    } 
+1

JQueryの準備で ')'を閉じるには欠けています –

+0

さらにJSファイルのスクリプトタグはありますか? – Tibrogargan

+0

が見つかりませんでした ');'最後に向かって – mrahmat

答えて

0

ファイルそれはちょうどあなたのJSファイルのタイプミスです。

置き換えます

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

で:

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

更新10月16日午前1時46分を

  1. jQueryライブラリのあなたのスクリプトのインポートが含まれています余分なスペースはsha256-laXWtGydpwqJ8JA+X9x2miwmaiKhn8tVmOVEigRNtP4=の間です。

  2. あなたのJSファイルはindex.htmlのどこにも参照しません。

追加:

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

をちょうどあなた終了</body>タグの前に。

+0

私はそれをしてもまだ動作していません – henhen

+0

Dohhhh tyそんなに – henhen

+0

私は助けることができました。 :) –

関連する問題