fadeOut或setTimeout没有执行

时间:2014-10-29 11:00:35

标签: javascript jquery delay settimeout fadeout

此脚本在此处执行:jerusalempetshop.com

该脚本的目的是用fadeIn和out通知弹出窗口替换Opencart常规通知。 它有其他部分以类似的方式运作:

$('.success').delay(5000).fadeOut('slow');

代码是:

function addToCart(product_id, quantity) {
quantity = typeof(quantity) != 'undefined' ? quantity : 1;

$.ajax({
    url: 'index.php?route=checkout/cart/add',
    type: 'post',
    data: 'product_id=' + product_id + '&quantity=' + quantity,
    dataType: 'json',
    success: function(json) {
        $('.success, .warning, .attention, .information, .error').remove();

        if (json['redirect']) {
            location = json['redirect'];
        }

        if (json['success']) {
            $('#notification').html('<div class="success" style="display: none;">' 
            + json['success'] + '<img src="catalog/view/theme/default/image/close.png" 
            alt="" class="close" /></div>');

            $('.success').fadeIn('slow');
            setTimeout(function() { $('.success').slideDown(500); }, 5000);
            setTimeout(slideOut, 5000);
            $('#cart-total').html(json['total']);

            $('#minicart .heading').fadeTo(350, 0.1); 
            $('#minicart .heading').fadeTo(350, 1); 
            $('#minicart .heading').fadeTo(350, 0.1); 
            $('#minicart .heading').fadeTo(350, 1); 
            $('#minicart .heading').fadeTo(350, 0.1); 
            $('#minicart .heading').fadeTo(350, 1);
            $('.success').delay(5000).fadeOut('slow');
        }   
    }
});
}

function slideOut() {
    $('.success').slideDown(500);
}

fadeOut部分由:

引用
$('.success').delay(5000).fadeOut('slow');
setTimeout(function() { $('.success').slideDown(500); }, 5000);
setTimeout(slideOut, 5000);

不会被任何一行执行。

知道为什么吗? 要么 如何修复。

感谢名单。

The_Script

0 个答案:

没有答案