Jqueryを使用したデータとしてのデータ

Question

私はデータ属性を持っており、そこに格納されている情報をテキストとして別のdivにロードする必要があります。属性は機能していますが、ページロード直後にdivに送信する方法がわかりません。

コード：任意の助け

$(".title").click(function(){ 
 
\t var title = $(this).data("project"); 
 
\t $(".project").text(title); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 

 
<p class="project"></p> 
 

 
<div class="projectTitle"> 
 
    <p class="title" data-project="projecttitle"> 
 
    click to get data 
 
    </p> 
 
</div>

感謝:)

Answer 1

あなたはそれをできるだけ早くページが読み込まとして起こるしたいように聞こえます。関数をready（）に入れることはできますか？以下のようなものは：私はそれを実行したときに

$().ready(function() { 
    var title = $("#title-id").data("project"); 
    $(".project").text(title); 
}) 

https://api.jquery.com/ready/

Answer 2

あなたのコードは動作します。 https://jsfiddle.net/zs76ypue/

$(".title").click(function(){ 
    var title = $(this).data("project"); 
    $(".project").text(title); 
}); 

編集：

ああ、私はあなたが、これはクリックではなく、ページのロードで発生しないようにしたい参照してください。そうであれば、もう一つの答えは正しく、.ready（）を使ってください。