Second call to element while still fading
November 8, 2007 - 5:22pm — Fidel A. Captain
| Project: | jQuery fade anything plugin |
| Version: | 1.0.1 |
| Component: | Code |
| Category: | bug report |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
Description
If I make a second call to the element to which the vkfade() was applied, so as to change the text, while the fade is in process or has not finished, the element behaves very strangely.
This happens because I am using one element for displaying messages while processing an Ajax request, and the request finishes before the fade is completed, and I use the same element to notify the user that the request is complete.
To fix this problem I had to decrease the fade to to 2000ms, or a small amount of time that allows the fade to complete or be almost complete by the time the Ajax request finishes.
The code that causes this problem is shown below:
...
$("#errMsg").hide();
...
$("#errMsg").css("color","#666666");
$("#errMsg").text("Sending your QuickNote... Please wait...");
$("#errMsg").slideDown("slow");
$("#errMsg").vkfade();
...
$.ajax({
url: "afile.php",
data: "phpdata",
success: function(responseText) {
...
$("#errMsg").html(responseText);
},
error: function() {
...
$("#errMsg").text("Error processing your request.");
}
...