Ահա իմ JQuery-ն.
var skinCare=[];
$('.skinCare').click(function(){
if($.inArray(event.target.id, skinCare) == -1){
var value = event.target.id;
skinCare.push(value);
}
var index = skinCare.indexOf(value);
if($(this).css('background-color') == 'rgb(255, 255, 255)'){
skinCare.splice(skinCare.indexOf(index), 1);
}
});
$('html').click(function(){
alert(skinCare);
});
Սա այն HTML-ն է, որը ես ցուցադրում եմ օգտատերերին սեղմելու համար.
<a href="#item4" class="panel"><div class="nextButton"></div></a>
<a href="#item3" class="panel multi"><div class="circle skinCare multi" id="acne" style="top:10px;left:265px"><div class="inner_circle" id="acne">ACNE/</br>BLEMISHES</div></div></a>
<a href="#item3" class="panel multi"><div class="circle skinCare multi" id="dry_skin" style="top:255px;left:10px"><div class="inner_circle" id="dry_skin">DRY SKIN</div></div></a>
<a href="#item3" class="panel multi"><div class="circle skinCare multi" id="oily_skin" style="top:90px;left:100px"><div class="inner_circle" id="oily_skin">OILY SKIN/LARGE PORES</div></div></a>
<a href="#item3" class="panel multi"><div class="circle skinCare multi" id="aging" style="top:90px;left:430px"><div class="inner_circle" id="aging">WRINKLES/</br>AGING</div></div></a>
<a href="#item3" class="panel multi"><div class="circle skinCare multi" id="irritation" style="top:255px;left:510px"><div class="inner_circle" id="irritation">SENSATIVE SKIN/IRRITATION</div></div></a>
<a href="#item3" class="panel multi"><div class="circle skinCare multi" id="dark_spots" style="top:430px;left:100px"><div class="inner_circle" id="dark_spots">DARK SPOTS</div></div></a>
Հենց հիմա ես JQuery-ն կարգավորել եմ այնպես, որ եթե սեղմվող div-ի ֆոնի գույնը որոշակի գույն է (սահմանված է css դասի կողմից, երբ կտտացնում ենք), այն կա՛մ ավելացնում է, կա՛մ ջնջում արժեք զանգվածում՝ skinCare: Ես լիովին բաց եմ ցանկացած տարբերակի համար, որն աշխատում է, սակայն, և կարիք չկա դա անել ըստ գույնի: Ես պարզապես ուզում եմ, որ արժեքը ավելացվի JQuery զանգվածին, եթե կտտացվի div-ը, ապա եթե նորից սեղմվի, ջնջվի զանգվածից:
var index = skinCare.indexOf(value);
տողումvalue
-ը կարծես սկզբնավորված չէ, քանի դեռevent.target.id
-ըskinCare
-ում չէ: Ես իրականում լավ չգիտեմ jQuery-ն, ուստի կարող եմ ինչ-որ բան սխալ հասկանալ: 18.03.2013var
-ն ուժի մեջ մտնում, երբ նրա շուրջը գտնվող մոտակա բլոկը ֆունկցիայի սահմանում չէ: Այնուամենայնիվ, ես ճիշտ եմ, որvalue
-ը չի թարմացվում, երբ երկրորդ անգամ սեղմում եք div-ը, քանի որvalue
-ը թարմացվում է միայնif
բլոկում:if($.inArray(event.target.id, skinCare) == -1){ var value = event.target.id; ...
18.03.2013