জেকুয়েরি error() মেথড
সংজ্ঞা এবং ব্যবহার
জেকুয়েরি ১.৮ ভার্সনে error() মেথড বাতিল করা হয়েছে।
একটি এলিমেন্ট যখন এররের সম্মুখীন হয় তখন error ইভেন্টটি ঘটে (যদি এলিমেন্টটি সঠিকভাবে লোড না হয়)।
error() মেথড error ইভেন্ট ট্রিগার করে, অথবা error ইভেন্ট ঘটলে রান করার জন্য একটি ফাংশন সংযুক্ত করে।
টিপস: এই মেথডটি bind('error', handler) এর সংক্ষিপ্ত পদ্ধতি।
সিনট্যাক্স ও ব্যাখ্যা
$(selector).error()
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে error() মেথডে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
| function | ঐচ্ছিক। error ইভেন্ট ঘটলে যে ফাংশনটি রান হবে তা নির্দেশ করে |
error()মেথড সংক্রান্ত উদাহরণ
উদাহরণঃ
<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরির উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("img").error(function(){
$("img").replaceWith("<p>ইমেজ লোডিংয়ে সমস্যা দেখাচ্ছে!</p>");
});
});
</script>
</head>
<body>
<img src="notexits.img">
<p>উপরের ইমেজটি যদি এররের সম্মুখিন হয়, তবে এটি একটি নির্দিষ্ট টেক্সট দ্বারা রিপ্লেস হবে।</p>
</body>
</html>
ফলাফল
error()মেথড সংক্রান্ত উদাহরণ
ইমেজ এলিমেন্টটি যদি কোনো error এর সম্মুখীন হয় তাহলে ইমেজের পরিবর্তে একটি টেক্সট দেখানো হবেঃ
উদাহরণঃ
<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরির উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("img").error(function(){
$("img").replaceWith("<p>ইমেজ লোডিংয়ে সমস্যা হচ্ছে!</p>");
});
$("button").click(function(){
$("img").error();
});
});
</script>
</head>
<body>
<img src="img_pulpitrock.jpg" alt="Pulpit rock" width="200" height="150"><br>
<button>ইমেজের জন্য error ইভেন্ট ট্রিগার করুন।</button>
</body>
</html>
ফলাফল