Comments on: How to solve the Jquery flickering content problem

By: Clinton

Clinton — Sat, 20 Nov 2010 19:47:14 +0000

Glad it worked for you!

By: amatyr4n

amatyr4n — Fri, 19 Nov 2010 06:40:27 +0000

thank you very much for this solution!! my frustation because of IE finally end..

By: Martin

Martin — Thu, 28 Oct 2010 10:39:48 +0000

Thanks for the tip but did not work for me. I have a div panel and one dropdown(html select) control inside this panel. Whenever I pick some item which is farther in stack than visible dropdown area(this area is visible with vertical scrollbar if there are more than 20 items). So if I pick 21st item from dropdown this flickering occurs. I tried som solutions with altering dropdown html and css attributes(disabled, overflow, visibility, display) while animation is in progress but to no avail. Code is executed as expected, but the flickering is still there. Only when i change the display css property to “display:none;” then it works.

This is my code(element is my div pane):

$(element).find(“select”).css(“display”, “none”).end().show(‘slide’, { direction: ‘up’ }, 600, function () { $(this).find(“select”).css(“display”, “block”) });

This solution is not desired because changin css “display” property to “none” is causing reordering controls in layout. The “visibility” property is OK as for layout, but flickering is still there. Anybody has a solution?

thanks..

By: Wobo

Wobo — Thu, 07 Oct 2010 10:40:54 +0000

Thx…. after some researchs and bizarres others propositions…. yours with overflow:hidden is the only working!!!

By: Michelle

Michelle — Wed, 28 Apr 2010 10:49:49 +0000

Thanx workde great for me!

By: Clinton

Clinton — Fri, 16 Apr 2010 12:56:06 +0000

Great! Glad I could be of help. It took me quite a while to find a solution, but hopefully this will help you.

By: Lútsen

Lútsen — Thu, 15 Apr 2010 21:28:28 +0000

Thanx! Works great. I had a sIFR in a slideDOwn container that flickered, and this fixed the problem.

By: Bernard

Bernard — Mon, 08 Mar 2010 04:50:10 +0000

You might want to have a look at http://dev.jquery.com/ticket/5743

If you pick one of the last testcases you will see how easy it is to isolate and show at the same time the root cause of such problems. Such testcases are very easy to publish, and occasional visitors are much more inclined to analyse and comment on such problems than commenting on code snippets that they cannot try in isolation.

So if you can make such a testcase, why not enter it into the jquery ticket system and ask visitors to comment on them. Even if the ticket gets closed. It does not matter. We are still a free society.

By: Krishna

Krishna — Thu, 04 Feb 2010 15:33:53 +0000

Hi,

I am just starting out with jQuery and have come across this issue.

I am adding the CSS code “overflow:hidden;” to my element, however it does not seem to be making any difference?!…..

In my case the flicker occurs on a form field. the code can be seen below:

Any help would be appreciated. thanks in advance!

$(“.required”).blur(function() {

var errMessage = “This field is required. Please enter a value.”;

if ($(this).val()==”"){

$(this).addClass(“error”);
$(this).parent().find(“span”).html(errMessage).addClass(“slideClass”).slideDown(‘fast’);

} else {

$(this).removeClass(“error”);
$(this).parent().find(“span”).html(errMessage).addClass(“slideClass”).slideUp(‘fast’);
}

});

By: Russ

Russ — Mon, 21 Dec 2009 16:08:22 +0000

Clinton,

Thanks so much for your help. This was great.

Russ