jQuery reload div's content (dynamically rende

2019-01-26 17:05发布

问题:

I have a div that is generated html via Expression Engine. I'm using ajax submit:

$('#login-form').ajaxForm({  
    // success identifies the function to invoke when the server response 
    // has been received; here we apply a fade-in effect to the new content 
    success: function() { 
    $("#panel").RELOAD!!();//Just refresh this div!
    } 
}); 

I just want the #panel div to reload/refresh.

回答1:

I assume you looking for something like that:

$('#login-form').ajaxForm({  
    success: function( data) { 
    $("#panel").html( data);//Will insert new content inside div element.
    } 
});

FIX:

$('#login-form').ajaxForm({ 
    target: '#panel', //Will update the "#panel"
    success: function( data) { 
    alert( "Success");
    } 
});


回答2:

Pretty much any of the methods listed in jQuery's "manipulation" section are going to do what you want: http://docs.jquery.com/Manipulation



回答3:

And for your pretty fade in

success : function(data) {
   $("#panel").hide().html(data).fadeIn('fast');
}