javascript - jQuery .delay() 和 .fadeIn() 到购物车

Question

        $(document).ready(function(){$(".wooo").bloooming_shop();$("body").append('<div id="panel"><div id="panelcontent"></div><div class="panelbutton" id="hidepanel" style="display: none;"><a><font class="cartfont2">hide cart</font></a></div></div><div id="showpanel" class="panelbutton" style="display: visible;"><a><font class="cartfont">shopping cart</font></a></div><div id="btntarget"></div>');$("#panelcontent").hide();$.ajax({type:"GET",url:"/wooo/cart.php",async:false,dataType:"html",success:function(a){$("#panelcontent").html(a)}});

对不起，它被缩小了，大声笑..

我尝试了这两个建议，但没有奏效。我完全不确定我是否完全遵循了指示。

Answer 1

你有没有尝试过：

$('#panelcontent').html(html).delay(3333).fadeIn(3333);

在 AJAX 成功处理程序中？

Answer 2

试试看：

function docReady() {  
    $('.wooo').bloooming_shop();

    $('body').append('<div id="panel"><div id="panelcontent"></div><div class="panelbutton" id="hidepanel" style="display: none;"><a><font class="cartfont2">hide cart</font></a></div></div><div id="showpanel" class="panelbutton" style="display: visible;"><a><font class="cartfont">shopping cart</font></a></div><div id="btntarget"></div>');
    $('#panelcontent').hide();

    $.ajax({
        type: "GET",
        url: "/wooo/cart.php",
        async: false,
        dataType: "html",
        success: function(html){
            $('#panelcontent').html(html);
        }
    });
}


$(document).ready(function() {
    setTimeout("docReady()", 3333);
    $('#panelcontent').fadeIn(3333);
});

Answer 3

既然你有 jquery，你可以将 fadeIn 包装在 jQuery(document).ready 中的 setTimeout 中吗？

jQuery(document).ready(function() {
   setTimeout(function() {
       $('#panelcontent').html(html).fadeIn(3333);
   }, 3333);
});