পূর্ববর্তী (অজানা) অ্যানিমেশন/প্রভাব শেষ হওয়ার পরে jQuery এ কোডটি কীভাবে চালানো যায়?

পূর্ববর্তী প্রভাব/আন্দোলন সম্পন্ন হওয়ার পরে আমি একটি DIV উপাদান লুকাতে চাই। যদি আমি ক্রমটি জানতাম তবে আমি কেবল কোডব্যাক ফাংশনে কোড যুক্ত করতে পারি যা আমি .imate() (উদাহরণস্বরূপ) দিতে পারি। তবে এই অবস্থায় আমি সেই অবস্থায় অ্যাক্সেস পাই না (এটি একটি অ্যানিমেশন/প্রভাবের মাধ্যমে চলছে নাও হতে পারে)। সুতরাং দুটি অ্যানিমেশন/প্রভাব দুটি ভিন্ন ইভেন্টের দ্বারা ট্রিগার হয় (উদাহরণস্বরূপ বোতাম ক্লিক)।

তাই ডিভি উপাদানটি বর্তমান অ্যানিমেশন/প্রভাব শেষ করার পরে আমি fadeOut চালানো হবে। এই jQuery দিয়ে সম্ভব?

ধন্যবাদ।

সম্পাদনা করুন: তাই লক্ষ্যটি পূর্ববর্তী অ্যানিমেশন কোড থেকে বর্তমান ক্রিয়া (fadeOut() উদাহরণস্বরূপ কোডটি বাতিল করতে হবে।

EDIT2: প্রশ্ন আরও পরিষ্কার করা।

0
কেন আপনি ক্রম acces আছে না? এছাড়াও, আপনি কি তার jQuery বলছেন এবং বলে না, একটি CSS3 অ্যানিমেশন?
যোগ লেখক Joey, উৎস
@JoeyVanOmmen আমি এটা jQuery জানি কারণ আমি এটা লিখেছিলাম :)। জিনিসটি হল পূর্ববর্তী অ্যানিমেশনটি পরবর্তী ইভেন্টের চেয়ে বিভিন্ন ইভেন্ট থেকে শুরু হয় (উদাহরণস্বরূপ দুটি পৃথক বাটন-ক্লিক)।
যোগ লেখক Lycha, উৎস

5 উত্তর

শুধু । FadeOut() কল করুন এবং এটি স্বয়ংক্রিয়ভাবে fx সারির শেষে যোগ করা হবে:

http://jsfiddle.net/gilly3/f4vNH/

2
যোগ
ধন্যবাদ, আমি জানি না যে jQuery কি করতে পারে, এটি সমাধান করে। আমি fx queues সম্পর্কে আরও পড়তে হবে।
যোগ লেখক Lycha, উৎস
এবং অতিরিক্তভাবে আমি fadeOut() fadeOut পরে অতিরিক্ত কোড চালানোর জন্য একটি কলব্যাক দিতে পারি।
যোগ লেখক Lycha, উৎস

একটি কাস্টম ইভেন্ট তৈরি এবং লাইভ() সঙ্গে এটি বাঁধাই সম্পর্কে কি?

<script>
$("p").live("myCustomEvent", function(e, myName, myValue) {
  $('#div').hide();

});
$("button").click(function() {
  $("p").trigger("myCustomEvent");
});
</script>
0
যোগ

নির্দিষ্ট পরামর্শ পেতে আপনাকে আমাদের পূর্ববর্তী অ্যানিমেশন কোডটি দেখাতে হবে। jQuery এ, অ্যানিমেশনের প্রভাবগুলিকে একত্রিত করা যায় এবং জাভাস্ক্রিপ্ট স্বয়ংক্রিয়ভাবে একে অপরের পরে সারিবদ্ধ করবে। অথবা, আপনি পরবর্তী অপারেশনটি শুরু করার জন্য একটি ক্রিয়াকলাপের সমাপ্তির ফাংশন ব্যবহার করতে পারেন।

উদাহরণ:

$("#item").fadeIn(1000).delay(1000).fadeOut(500);
$("#item").animate({
    opacity: 0.75,
    left: '+=250',
 }, 5000).delay(1000).fadeOut(500);

.animate() পদ্ধতিতে একটি সমাপ্তি ফাংশন রয়েছে যা আপনি অ্যানিমেশনের সমাপ্তির সময় কোনও ক্রিয়াকলাপ ট্রিগার করতে ব্যবহার করতে পারেন তবে যদি পরবর্তী ক্রিয়াকলাপটি একটি অ্যানিমেশান হয় তবে এটি স্বয়ংক্রিয়ভাবে স্বয়ংক্রিয় শিকল ব্যবহার করা সহজ সমাপ্তির ফাংশন চেয়ে উপরে:

$("#item").animate({
    opacity: 0.75,
    left: '+=250',
 }, 5000, function() {alert("Animation finished."});
0
যোগ

আমি আপনাকে অ্যানিমেশন কল সম্পূর্ণ ফাংশন পরামিতি খুঁজছেন মনে হয়:

http://api.jquery.com/animate/

$('#clickme').click(function() {
  $('#book').animate({
    opacity: 0.25,
    left: '+=50',
    height: 'toggle'
  }, 5000, function() {
   //Animation complete.
  });
});
0
যোগ

এটা সহজ, শুধু আপনার অ্যানিমেশন সারিবদ্ধ

$("#myDiv").queue(function(){
    $(this).fadeOut();
});

অ্যানিমেশন সারি সম্পূর্ণ হওয়ার পরে এটি কার্যকর করা হবে। সুতরাং আপনি অ্যানিমেশন সারির পরে কোডটি যোগ করতে পারেন এবং আপনার fadeOut এর আগে এবং যা কিছু করতে পারেন ...

0
যোগ