javascript - বুটস্ট্র্যাপ সতর্কতা অটো বন্ধ




html twitter-bootstrap (5)

"আমি ক্যান্টিজ আছে" এর কোডটি আমার কাছে পাঠযোগ্য নয় এমন একটি fadeTo() ব্যবহার করে যা 2 সেকেন্ডের 500 সেকেন্ডের অস্পষ্টতাতে ফুটে উঠছে। আমি মনে করি এটি বিলম্বের মত অন্যান্য বিকল্পগুলি ব্যবহার করে ভাল।

$(".alert").delay(4000).slideUp(200, function() {
    $(this).alert('close');
});

আমি যখন ইচ্ছা তালিকাতে যোগ করুন বোতামটি ক্লিক করব তখন আমার সতর্কতাটি সতর্ক করা এবং 2 সেকেন্ডের মধ্যে সতর্কতা অদৃশ্য হওয়া উচিত। এইভাবে আমি চেষ্টা করেছি, কিন্তু যত তাড়াতাড়ি এটি প্রদর্শিত হচ্ছে সতর্কতা অদৃশ্য হয়। নিশ্চিত না, যেখানে বাগ হয় .. কেউ আমাকে সাহায্য করতে পারেন?

জেএস স্ক্রিপ্ট

  $(document).ready (function(){
            $("#success-alert").hide();
            $("#myWish").click(function showAlert() {
                $("#success-alert").alert();
                window.setTimeout(function () { 
                            $("#success-alert").alert('close'); }, 2000);               
                  });       
                    });

এইচটিএমএল কোড:

<div class="product-options">
    <a  id="myWish" href=""  class="btn btn-mini" >Add to Wishlist </a>
    <a  href="#" class="btn btn-mini"> Purchase </a>
</div>

সতর্কতা বাক্স:

<div class="alert alert-success" id="success-alert">
    <button type="button" class="close" data-dismiss="alert">x</button>
    <strong>Success! </strong>
    Product have added to your wishlist.
</div>

আমি এই একটি ভাল সমাধান হতে পাওয়া

$(".alert-dismissible").fadeTo(2000, 500).slideUp(500, function(){
    $(".alert-dismissible").alert('close');
});

এটির জন্য আরও সমাধানটি স্বয়ংক্রিয়ভাবে বন্ধ করুন বা 5 সেকেন্ডের পরে বুটস্ট্র্যাপ সতর্কতা বার্তাটি ফেইড করুন:

এই বার্তাটি প্রদর্শনের জন্য ব্যবহৃত HTML কোডটি:

<div class="alert alert-danger">
This is an example message...
</div>

JS Snippet

<script type="text/javascript">

$(document).ready(function () {
 
window.setTimeout(function() {
    $(".alert").fadeTo(1000, 0).slideUp(1000, function(){
        $(this).remove(); 
    });
}, 5000);
 
});
</script>


প্রয়োজন যখন স্বয়ংক্রিয়ভাবে এবং ম্যানুয়াল Tiggers

$(function () {
    TriggerAlertClose();
});

function TriggerAlertClose() {
    window.setTimeout(function () {
        $(".alert").fadeTo(1000, 0).slideUp(1000, function () {
            $(this).remove();
        });
    }, 5000);
}

$("#success-alert").fadeTo(2000, 500).slideUp(500, function(){
    $("#success-alert").alert('close');
});

যেখানে fadeTo পরামিতি fadeTo (গতি, অস্বচ্ছতা)







alert