zclip не работает, когда я связываю это с скрытым элементом

Question

Я хочу, чтобы на моем сайте была кнопка копирования, которая копирует текст div в буфер обмена, поскольку javascript не имеет доступа к буферу напрямую, поэтому я использую zclip для этого, но когда я привязываю zclip к скрытому элементу, и когда я показываю, что этот элемент, чем zclip, не работает или не связывается с ним, пожалуйста, помогите мне.

HTML код:

<span class="homebutton">Get code for this theme</span> 
<div class="get_code"> 
    <pre class="theme_code"><?php echo $theme['theme_code'];?></pre> 
    <div class="copy_code">Copy</div> 
</div> 

JQuery Код:

$('.homebutton').click(function(){ 
    $('.get_code').show('slow'); 
}); 

$('.copy_code').zclip({ 
    path: "js/ZeroClipboard.swf", 
    copy: function(){return $('.theme_code').text();}, 
    afterCopy: function() {} 
}); 

Заранее спасибо!

Answer 1

У меня есть решение, которое я пытался связывать события на функции SetTimeout, и она работала, как мне нужно .. :)

Я разделяю этот код надеется, что это поможет другим людям!

HTML код:

<span class="homebutton">Get code for this theme</span> 
<div class="get_code"> 
    <pre class="theme_code"><?php echo $theme['theme_code'];?></pre> 
    <div class="copy_code">Copy</div> 
</div> 

JQuery Код:

$('.homebutton').click(function(){ 
    $('.get_code').show('slow'); 
    setTimeout(function(){bind_zclip();},1000); 
}); 

function bind_zclip() 
{ 
    $('.copy_code').zclip({ 
     path: "js/ZeroClipboard.swf", 
     copy: function(){return $('.theme_code').text();}, 
     afterCopy: function() {} 
    }); 
}