こんにちは私はイメージを選択する方法を学ぼうとしており、これまでこれを行っています。 images_list li関数ですでに.removeClass('selected');
を削除しようとしたため、2つのイメージを同時に選択する方法はありません。javascriptで同時に2つの画像を選択するには?
HTML:
<div class="images_list">
<li class="border" title="content_1">
<img src="http://www.p69.com.br/wp-content/uploads/2013/04/imagens-lindas-6.jpg?0bce15" width="150" height="150" />
<span>
<img src="http://icons.iconarchive.com/icons/icojam/blue-bits/24/symbol-check-icon.png" />
</span>
</li>
<li class="border" title="content_2">
<img src="http://www.p69.com.br/wp-content/uploads/2013/04/imagens-lindas-6.jpg?0bce15" width="150" height="150" />
<span>
<img src="http://icons.iconarchive.com/icons/icojam/blue-bits/24/symbol-check-icon.png" />
</span>
</li>
</div>
<br><br><br><br><br><br><br><br><br>
<div class="img_info">
<div id="content_1" class="content hidden">content1</div>
<div id="content_2" class="content hidden">content2</div>
</div>
CSS
.images_list li {
list-style: none;
float: left;
width: 150px;
height: 150px;
margin-right: 10px;
}
.images_list li span {
display:none;
position:absolute;
top:0px;
left:0px;
width:24px;
height:24px;
}
.border {
border: 6px solid #D8D8D8;
background: url(upload/check.jpg);
}
.selected {
border: 6px solid green;
position:relative;
}
.hidden {
display:none;
}
.images_list li.selected span {
display:block;
}
JS:ここに私のJSは、私はとの問題を抱えているところです。誰かが私を助けることを願っています、ありがとう!
$('.images_list li').click(function() {
$('.images_list .selected').removeClass('selected');
$(this).toggleClass('selected');
var clicked = $(this).attr('title');
$("#"+clicked).removeClass("hidden").siblings().addClass("hidden");
});
あなたはここに私のバイオリンを見ることができます:http://jsfiddle.net/jasonc21/59swswz7/
まず、あなたは2枚の画像を "選択" によって何を意味するかを教えする必要があります。 –
複数の画像を削除するには、ファイルアップローダと一緒にこのポストヘルプがあります。http://stackoverflow.com/a/30677693/5806911 – devtye
ありがとう@devtye私はそれを感謝します –