代码之家  ›  专栏  ›  技术社区  ›  Udders

jquery刷新div中的内容

  •  0
  • Udders  · 技术社区  · 13 年前

    我在一个HTML页面中有两个div,当触发事件时需要刷新。 其中一个div,如果 display:none 并且不会用新数据进行刷新。

    是否无法刷新 显示:无 divs? 我的JavaScript在下面,

    $('#messages_send').live('click', function() {
    $.ajax({
        url: base_url + 'ajax/send_message',
        data: {
            username: $('#messages_username').val(),
            message: $('#messages_message').val(),
            saveid: $('#messages_savedid').val(),
        },
        success: function(data) {
            sending_message();
    
            var x = jQuery.parseJSON(data);
    
            if(x) {
                if(x.gp_id==80)
                {
                        $('#spn_ucredit').load(base_url + 'ajax/userdata/credits');
                        $('#overlay_credits').load(base_url + 'ajax/userdata/credits');
                }
            }
            //$('#spn_ucredit').html($('#ncd_id').val());
            //tmp_cost = $('#spn_ucredit').html()-$('#ncd_id').val();
            //$('#ncd_id').val($('#ncd_id').val()-tmp_cost);
            //alert(data);
            setTimeout(message_sent, 2000);
            setTimeout(remove_modal_box, 3000);
            setTimeout(message_revert, 3500);
            $("#saved_messages").load(base_url + 'messages #saved_messages > form');
            //setTimeout($("#messages_content").load(base_url + 'messages #messages_content > form'), 1000);
            //$.get(base_url + 'messages #saved_messages > form', null, function(result){ $("#saved_messages").html(result) });
            //$("#messages_content").css("visibility","hidden").show();
            //$.get(base_url + 'messages #messages_content > form', null, function(result){ $("#messages_content").html(result) });
            //$("#messages_content").css("visibility","visible").hide();
        }
    });
    
    return false;
    

    });

    1 回复  |  直到 13 年前
        1
  •  1
  •   Community Mohan Dere    9 年前

    使用.hide()可以编辑div,而设置display:none则会使其更加困难

    匹配的元素将立即隐藏,不显示任何动画。这大致相当于调用.css('display','none'),只是display属性的值保存在jQuery的数据缓存中,以便以后可以将显示恢复到其初始值。如果某个元素的显示值为inline,然后被隐藏并显示,它将再次以内联方式显示

    因此,如果能够恢复到display的前一个值很重要,那么最好使用hide(),因为这样可以记住前一个状态。除此之外,没有什么区别。

    来自jQuery上的资源 .hide() Here

    此外,在这方面也存在SO问题- Here's an example of one