clearQueue ක්රමය
clearQueue ක්රමය මගින් අපට ක්රියාත්මක කර නොමැති
සියලුම ශ්රිත පෝලිමෙන් ඉවත් කළ හැකිය.
වාග් රීතිය
මෙම ආකාරයට අපට ශ්රිත පෝලිම හිස් කළ හැකිය. විකල්ප
පරාමිතියක් ලෙස පෝලිමේ නම නූලක් ලෙස ලබා දිය හැකිය
(පෙරනිමියෙන් fx - සම්මත
ප්රයෝග පෝලිම). කිසිදු පරාමිතියක්
ලබා නොදුන්නහොත්, fx පෝලිමෙන් සියලු
ඉතිරි ශ්රිත ඉවත් වේ:
.clearQueue([පෝලිමේ නම]);
මෙම ක්රමය
stop ක්රමයට සමාන වේ. නමුත්,
අවසාන ක්රමය අනිමේෂනය සමඟ පමණක් වැඩ කළ හැකි නම්,
clearQueue ක්රමය jQuery හි ඕනෑම පෝලිමක් සමඟ වැඩ කිරීමට ඉඩ සලසයි
එය queue ක්රමය මගින් එක් කර ඇත.
උදාහරණය
අපි #start බොත්තම ක්ලික් කළ විට,
අනිමේෂනය ආරම්භ කරමු. #stop බොත්තම ක්ලික් කළ විට අපි අනිමේෂනය නවත්වමු
සහ clearQueue ක්රමය භාවිතයෙන් පෝලිම හිස් කරමු.
නැවත #start ක්ලික් කළ විට
අනිමේෂනය නැවත ආරම්භ වේ:
<button id="start">ආරම්භ කරන්න</button>
<button id="stop">නවත්වන්න</button>
<div></div>
div {
position: absolute;
margin: 3px;
width: 50px;
height: 50px;
left: 0px;
top: 30px;
background: red;
display: none;
}
div.newcolor {
background: green;
}
$('#start').click(function() {
let myDiv = $('div');
myDiv.show('slow');
myDiv.animate({
left: '+=200'
}, 5000);
myDiv.queue(function() {
let that = $(this);
that.addClass('newcolor');
that.dequeue();
});
myDiv.animate({
left: '-=200'
}, 1500);
myDiv.queue(function() {
let that = $(this);
that.removeClass('newcolor');
that.dequeue();
});
myDiv.slideUp();
});
$('#stop').click(function() {
let myDiv = $('div');
myDiv.clearQueue();
myDiv.stop();
});
