Копирование html в другой div

Question

Что я делаю, когда я нажимаю li.opn Я получаю соответствующий html .pst от #hiddenDiv.

Если html .pst пуст, тогда сделайте $.post(), чтобы получить html с сервера.

Но моя проблема в том, если я получаю <script></script>код с сервера в outputHTML то documentполучает 2 скрипты

• Один в displayDiv
• Еще в hiddenDiv

Это вызывает различные ошибки, например, функция script работает tw лед.

UPDATE

Вот мой My Problem Solution, но я должен использовать same html,js коды дважды !! Любая помощь ???

HTML

<ul> 
    <li class="opn" set="stack">Stackoverflow</li> 
    <li class="opn" set="google">Google</li> 
</ul> 


<div id="hiddenDiv"> 
<div class="pst" set="stack"></div> 
<div class="pst" set="google"></div> 
</div> 
<div id="displayDiv"></div> 

JS

<script> 
$('.opn').click(function(){ 
var set = $(this).attr('set'); 
if($('.pst[set="'+set+'"]').html() > 0){ 
    $('#displayDiv').html($('.pst[set="'+set+'"]').html()); 
}else{ 
    $.post(url,{},function(data){ 
     var outputHTML = data.output; 
     $('#displayDiv').html(outputHTML); 
     $('.pst[set="'+set+'"]').html(outputHTML); 
     },'json'); 
} 
}); 
</script> 

UPDATE2

Если это выход с сервера, то 'Asik была нажата' показывает 2 раза

<div> 
    <button class="asik">Click Me</button> 
</div> 
<script>$('.asik').click(function(){alert('asik was clicked');})</script> 

Answer 1

Попробуйте это: Удалить скрипт из данных сервера и поместить этот сценарий следующий комментарий ..

if($('.pst[set="'+set+'"]').html() > 0){ 
     $('#displayDiv').html($('.pst[set="'+set+'"]').html()); 
    // server script put here.. 
    }else{ 
     $.post(url,{},function(data){ 
      var outputHTML = data.output; 
      $('#displayDiv').html(outputHTML); 
      $('.pst[set="'+set+'"]').html(outputHTML); 
    //// server script put here.. 
$('.asik').click(function(){alert('asik was clicked');}); 
      },'json'); 
    }