jQuery 지연 후 "복사"텍스트

Question

사용자가 버튼 ("생성")을 클릭하여 json 파일에서 가져온 텍스트를 사용하여 임의의 구문을 동적으로 생성하는 페이지가 있습니다. 문구는 div (# 생성 됨)에 배치되어 이전에 있던 내용 (버튼을 클릭하기 전)을 대체합니다. 구문 생성은 완벽하게 작동합니다. 지금 추가하고 싶은 것은 사용자가 트윗 버튼을 클릭하여 해당 구를 공유하는 방법입니다. data-text 내가 버튼이 후 사업부의 콘텐츠를 사용 트윗 찾고 있어요 무엇

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> 

: 헤더에

<div id="tweet_button"> 
<a href="http://twitter.com/share" 
class="twitter-share-button" 
data-text="This is what we want to change dynamically" 
data-count="none">Tweet</a></div> 

플러스이 : 여기

는 트윗 버튼 코드입니다 눌렀다. 여기에 내 문제입니다 :

$(document).ready(function(){ 
$.getScript('http://platform.twitter.com/widgets.js'); 
$('a[data-text]').each(function(){ 
$(this).attr('data-text', $('#generated').text()); 
}); 
}); 

다음 물론, "생성"전 사업부에서 사용했던 "이것은 우리가 동적으로 변경할 것입니다"에서 data-text 변경 :

첫째,이 시도하는 경우 버튼을 눌렀습니다 (즉, 문서가 준비되었을 때 무엇이 ​​있었는지). 1, 버튼을 클릭 한 초 지연을 "생성"때까지 (이 기다릴 것입니다 내 마음에

$("generate").click(function() { 
setTimeout(function(){ 
$.getScript('http://platform.twitter.com/widgets.js'); 
$('a[data-text]').each(function(){ 
$(this).attr('data-text', $('#generated').text()); 
}); 
}, 
1000); 
}); 

: 그래서, 나는이 코드를 사용할 수 있고 data-text이 사업부의 새로 생성 된 내용에 변경 거라 생각 div 콘텐츠가 변경되었는지 확인한 다음 data-text을 div의 새 콘텐츠로 업데이트하십시오. 물론 이것은 작동하지 않습니다.

이상적으로 data-text은 '생성'버튼을 클릭 할 때마다 업데이트됩니다. 이 작업을 수행 할 수있는 것처럼 보일 수도 있지만 (지금까지는 위에서 설명한 첫 번째 부분에 대해 걱정했습니다.)

호핑이 의미가 있습니다 ... 실제로 어떤 생각을 할 수 있습니까? 이 완벽한 신인을 도와 주셔서 감사합니다. 당신이

을 "#generated"의 텍스트를 변경 아약스 기능을 사용하기 때문에 물론

http://jsfiddle.net/mattydsw/xAq5t/

$("#generate").click(function() { 
    $("#tweet_button").empty(); 
    $("#tweet_button").append('<a href="http://twitter.com/share" class="twitter-share-button" data-text="' + $('#generated').text() + '" data-count="none">Tweet</a>'); 
    twttr.widgets.load(); 
}); 

는 당신이 그것을 조정할해야합니다

Answer 1

나는 "재생"짹짹 버튼처럼 만들어 수정

아마도

$("#generate").click(function() { 
    $('#generated').load('data.txt', function() { 
     $("#tweet_button").empty(); 
     $("#tweet_button").append('<a href="http://twitter.com/share" class="twitter-share-button" data-text="' + $('#generated').text() + '" data-count="none">Tweet</a>'); 
     twttr.widgets.load(); 
    }); 
});