2016-08-22 2 views
2

私はこれをしようとしていますが、それは動作していない:基本的にクローンのIMG SRC

$('.prod_images').on('click', 'img', function() { 
    var myElement = $(this); 
    var img = myElement.clone(); 
    $('.imageprod').append(img); 
    }); 
    $('.imageprod').on('click', 'img', function() { 
    var myElement = $(this); 
    var img = myElement.remove(); 
}); 

.prod_imagesがクリックされた画像のクラスです..私はしています単純なjquery .show(); divを使用してクリックすると開くモーダルです。クリックした画像のソースを、私のモーダル内にマークアップされた空の<img src="" class="imageprod">に入力してください。

更新: 私はクリックされた指定されたイメージソースに基づいて更新するために、クラスセレクタを介して指定されたイメージソースを更新したいと思います。

<img src="goose.jpg" class="clickme"><!-- image src one--> 

あなたがクリック「img .clickme」モーダルが表示されます。..

<img src="" class="empty">

がある。このモーダルの中で、私はそれを埋めるためにsrcだため、最初は、クリックされたimgをしたいと思います.emptyと表示されます。

+0

私は混乱しています。 'imageprod'はイメージのクラスか、イメージを追加するDIVですか? – Barmar

+0

'class =" empty "'または 'class =" imageprod "'ですか? – Barmar

答えて

0

私は何をやっている全くわからないんだけど、多分これがそれです:

$('.prod_images'.on('click', 'img.clickme', function() { 
    $('.empty').attr('src', this.src); 
}); 

あなただけの別の要素からソースをコピーしたい場合は、クローンに必要はありません。何でも