Kichaguzi animated

Kichaguzi :animated huchagua vipengee ambavyo kwa sasa vinahusika katika uhuishaji. Ikiwa unatumia usanidi maalum wa jQuery bila moduli ya athari, basi matumizi ya :animated yatasababisha hitilafu. Kwa kuwa :animated haihusiani na uainishaji wa CSS, ili kuboresha utendaji katika vivinjari vya kisasa ni bora mwanzo uchunge vipengee kwa kutumia kichaguzi safi cha css, na kisha utumie .filter(':animated').

Sarufi

Hivi ndivyo tunavyochagua vipengee vinavyohusika katika uhuishaji:

javascript$(':animated');

Mfano

Wacha tufanye ili kwenye moja ya miraba ihuishwe kwa kutumia kitendo animateIt. Kwa kila kubofya kitufe chenye #change rangi ya mraba unaohuishwa ita badilika kutoka kijani hadi nyekundu na kurudi - kwa kufutwa na kuongezewa kwa darasa colored kwa mbinu ya toggleClass:

html<button id="change">badilisha</button>

<div></div>
<div id="test"></div>

cssdiv {
  background: green;
  border: 1px solid #AAA;
  width: 80px;
  height: 80px;
  margin: 0 5px;
  float: left;
}
div.colored {
  background: red;
}

javascript$('#change').click(function() {
  $('div:animated').toggleClass('colored');
});

function animateIt() {
  $('#test').slideToggle('slow', animateIt);
}

animateIt();

Angalia pia