2013-06-14 6 views
8

'u kaldırmadan ekleniyor Belirli bir sınıftan içerik almam ve ekleyeceğim bir div'a koymam gerekiyor ... benim sorunum, ekte eklediğim öğeyi kaldırıyor, ve bende kalması gerekiyor , İşte benim kodudur:Jquery,

$(document).ready(function(){ 
    var $content = $('#popupcontent'); 
    var $window = $('#popupwindow'); 
    $('.open').click(function(){ 
     //alert('runnning'); 
     var a = $(this).contents('span'); 
     $content.append(a); 
     $window.fadeIn(300); 
    }); 
    $('.close').click(function(){ 
     //alert('running'); 
      var a = $content.contents('span'); 
     $window.fadeOut(300); 
     $('#popupcontent span').remove(); 
    }); 
}); 

Yani içeriği almak nasıl tıklandığında gelen .open sınıfından kaldırmadan #popupcontents id her .open span? JSFIDDLE

NOT:

ne demek istediğimi göstermek için bu içerik Ben

istediğini olmadığı, bu sınıftan kaldırıldığı için ikinci kez, bu alışkanlık herhangi bir içeriği eklemek bir bağlantıyı tıklayın

Not 2: $('.close').click işlevinde remove yerine yalnızca append işlevini oluşturamıyorum çünkü içeriğin geldiği .open sınıfının hangi örneğini algılayamıyorum.

+0

Klon bir seçenek – mplungjan

cevap

22

Sen elemanı klonlamak ve klon eklemek gerekir:

$('.open').click(function(){ 
    //alert('runnning'); 
    var a = $(this).contents('span'); 
    $content.append(a.clone()); 
    $window.fadeIn(300); 
}); 

Demo

+0

Mükemmel olduğunu !!! Teşekkür ederim. –

+0

Bunu neden doğru cevap olarak eklemiyorsunuz? – stefanz

+0

Belki de bilgisayarımdan biraz uzaklaşmak zorunda kaldım ... –