2017-11-07 4 views
0

데이터 속성이 있고 그 안에 저장된 정보가 다른 div에 텍스트로로드되기를 원합니다. 이 속성은 작동하지만 페이지로드 후 즉시 div에 보낼 수있는 방법이 없습니다.Jquery를 사용하여 데이터로 데이터

코드 : 당신이 페이지가로드 되 자마자 발생 할 것처럼 어떤 도움 :)

답변

1

에 대한

$(".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>

덕분에 소리가 난다. 함수를 ready()에 넣을 수 있습니까? 같은 : 나는 그것을 실행할 때

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

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

+0

감사합니다. 그 일. 하지만 내가 어떻게 이것을 동적으로 만들 수 있는지 알고 있니? 슬라이드 쇼에서 이것을 사용하고 이것을 내 캡션에 사용하고 싶습니다. 순간에 첫 번째 캡션 만 표시됩니다. 여기에 나를 도울 수 있다면 좋을까요 – Dennis

+0

@Dennis는 페이지가 어떻게 작동하는지에 따라 달라집니다. 제목이 다른 코드에 의해 동적으로 업데이트되는 경우에는 아마를 사용할 수 있습니다. .click() 대신에 change() 이벤트 핸들러. – freshop

0

코드는 작동합니다. https://jsfiddle.net/zs76ypue/

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

편집 :

아, 난 당신이 클릭에 있지만 페이지로드에서 발생하지 않도록하려면을 참조하십시오. 그렇다면 다른 대답은 옳다. .ready()를 사용하라.

관련 문제