জেকুয়েরি জাভাস্ক্রিপ্ট এঙ্গুলার এইচটিএমএল সিএসএস বুটস্ট্রাপ
ফোরাম
 

জেকুয়েরি কলব্যাক ফাংশন


কলব্যাক ফাংশনের ক্ষেত্রে, বর্তমান ইফেক্ট শতভাগ সম্পন্ন হওয়ার পর কলব্যাক ফাংশন এক্সিকিউট হয়।


জেকুয়েরি কলব্যাক ফাংশন

জাভাস্ক্রিপ্টের স্টেটমেন্টগুলো এক লাইনের পর এক লাইন এক্সিকিউট হয়। কিন্তু জেকুয়েরি ইফেক্টের ক্ষেত্রে ইফেক্ট সম্পন্ন না হলেও পরবর্তী লাইনের কোড এক্সিকিউট হতে পারে। এটি সমস্যা তৈরি করতে পারে।

এটি রোধ করার জন্য আপনি কলব্যাক ফাংশন এর সহায়তা নিতে পারেন।

কলব্যাক ফাংশনের ক্ষেত্রে, বর্তমান ইফেক্ট শতভাগ সম্পন্ন হওয়ার পর কলব্যাক ফাংশন এক্সিকিউট হয়।

গতানুগতিক গঠনপ্রনালীঃ

$(selector).hide(speed,callback);

উদাহরণ

নিচের উদাহরণে hide() মেথডের প্যারামিটার হিসাবে একটি কলব্যাক ফাংশন ব্যবহার করা হয়েছে এবং হাইড ইফেক্ট সম্পন্ন হওয়ার পর কলব্যাক ফাংশনটি এক্সিকিউট হবেঃ

উদাহরণ

<!DOCTYPE html>
<html>
    <head>
        <title>জেকুয়েরি উদাহরণ</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
        <script>
        $(document).ready(function(){
            $("button").click(function(){
                $("p").hide("slow", function(){
                    alert("প্যারাগ্রাফটি হাইড হয়েছে!!");
                });
            });
        });
        </script>
    </head>
    <body>

        <button>হাইড করুন!!</button>
        <p>এটি কিছু সাধারন টেক্সট যুক্ত একটি প্যারাগ্রাফ এলিমেন্ট।</p>

    </body>
</html>

ফলাফল



নিচের উদাহরণে কোন কলব্যাক প্যারামিটার নেই এবং এলার্ট মেসেজটি হাইড ইফেক্ট সম্পন্ন হওয়ার পূর্বেই প্রদর্শিত হবেঃ

উদাহরণ

<!DOCTYPE html>
<html>
    <head>
        <title>জেকুয়েরি উদাহরণ</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
        <script>
        $(document).ready(function(){
            $("button").click(function(){
                $("p").hide(1000);
                alert("প্যারাগ্রাফটি হাইড হয়েছে!!");
            });
        });
        </script>
    </head>
    <body>

        <button>হাইড করুন!!</button>
        <p>এটি কিছু সাধারন টেক্সট যুক্ত একটি প্যারাগ্রাফ এলিমেন্ট।</p>

    </body>
</html>

ফলাফল