0

練習用に「お気に入りに追加」タイプのプログラムをちょっとだけ作ってみました。「お気に入り」ボックスをクリックすると、サイドバーに追加されます。

ここにJSFiddleがあります：http://jsfiddle.net/LCBradley3k/sdKgP/

Javascript:

$(document).ready(function(){
    var favorites = [];
    var counter = 0;

    $('#container, #container2, #container3').click(function(){
       favorites.push($(this))            
        $('.favorite').append(favorites);
    });  
});

元のコンテナが消えないようにしてほしいのですが。

また、言う代わりに、$(container 1, 2, 3, etc)どのコンテナがクリックされたかを知り、その特定のコンテナを移動する方法はありますか。コンテナが 50 個ある場合はどうなるでしょうか。それらすべてをリストしたくありません。

4

4 に答える 4

2

これが作業中のJSFiddle http://jsfiddle.net/9Dmcg/3/です

コンテナーにクラスを指定し、クラスにバインドします。

$('.containers').bind('click', function(){

    favorites.push($(this).clone())

    $('.favorite').append(favorites);
});

jcubic にはクローンの正しい構文があるようです

于 2013-03-12T20:43:10.700 に答える
0

jQuery を使用してみてくださいclone():

$('#container, #container2, #container3').click(function(){
  $(this).clone().appendTo('.favorite');
});
于 2013-03-12T20:43:03.667 に答える
0

クローンjquery関数を使用できますhttp://jsfiddle.net/sdKgP/1/

$('#container, #container2, #container3').click(function(){

    favorites.push($(this).clone())

    $('.favorite').append(favorites);
});
于 2013-03-12T20:45:14.093 に答える
0

これを試してくださいhttp://jsfiddle.net/sdKgP/25/

コンテナの ID を取得する必要があります。あなたの場合、多くのブックマークコンテナがあるかもしれないので、それぞれに css を追加したくありません。したがって、css も変更する必要があります。

CSS

#sidenav {
height:700px;
width:250px;
border: 1px solid rgb(150,150,150);
position:absolute;
display:inline;
float: right;
left: 125px;
}

.container {
height:50px;
width:75px;
border:1px solid #000;
position:relative;
margin-bottom:10px;
}

ドム

<div style="float:left">
<div class="container">
 Favorite
 </div>

<div class="container">
  Favorite
</div>

<div class="container">
  Favorite
 </div>
</div>
 <div>
 <div id="sidenav">
  <div class="favorite"> </div>
 </div>
</div>

JS:

 $(document).ready(function(){
   var favorites = [];
   var counter = 0;
  $('.container').click(function(){
    favorites.push($(this).clone());
    $('.favorite').append(favorites);
 });
});
于 2013-03-12T21:14:53.930 に答える