Skip to main content

Bug Tracker

Side navigation

#8092 closed bug (invalid)

Opened January 29, 2011 03:20PM UTC

Closed January 29, 2011 03:49PM UTC

Last modified January 30, 2011 04:50AM UTC

show() and hide() super slow in chrome,safari but normal in firefox

Reported by: Owned by:
Priority: undecided Milestone:
Component: unfiled Version: 1.4.4
Keywords: Cc:
Blocked by: Blocking:

I have a webpage with 8 unordered lists. Each list receives list items through ajax call. The total list items in all the unordered lists totals 316. I have a sidebar that when clicked, changes which unordered list is displayed. All others are hidden. The functionality works as expected in firefox, but is supper slow in safari and chrome. If the total list items per page is 75 or less, the page works find in safari or firefox.

I have a sample web page, try viewing in firefox and then in chrome or safari. Drag and drop the list items into the left hand sidebar. Problem shows up when you click a list item in the left hand sidebar.

Attachments (0)
Change History (9)

Changed January 29, 2011 03:49PM UTC by addyosmani comment:1

Thank you for submitting a ticket to the jQuery bug tracker. Unfortunately this tracker is only for reduced issues that can be replicated and easily reproduced. We are unable to go through all your project's code to discover whats making it go slow, however if you ask in the jQuery forums or on our freenode channel #jquery, you may be able to get some assistance in reducing this issue down to something shorter that we can evaluate as confirm as a core problem if it is so.

Changed January 29, 2011 03:49PM UTC by addyosmani comment:2

resolution: → invalid
status: newclosed

Changed January 30, 2011 03:12AM UTC by comment:3

I have reduced my problem to 20 lines of code. I have a test page up on jsFiddle, could you please take another look at the issue? Try it in firefox and then in chrome.

Changed January 30, 2011 03:19AM UTC by rwaldron comment:4

This "test case" is bogus.

1. You're calling in jQuery 1.4.2 in your HTML, but also loading 1.4.4 from jsFiddle

2. You've included a complete HTML document, which causes the rendered document to have an <html></html> inside of an <html></html>

3. You've included your "test case" code in both the html panel and the script panel.

4. jsFiddle is handling dom ready for you, but your code has a $(document).ready()

Changed January 30, 2011 03:27AM UTC by rwaldron comment:5

Also, the claim that this works in Firefox cannot possibly be valid. Simply opening this jsfiddle in Firefox 4b10 crashed the browser.

Changed January 30, 2011 04:02AM UTC by rwaldron comment:6

Somehow i'm inclined to believe that hide/show was never meant for this amount of elements.

Changed January 30, 2011 04:15AM UTC by anonymous comment:7

Thanks for reviewing again. I'm sorry for my inexperience with jsFiddle. I'm sure you deal with newbie programmers all the time. I asked a question on stackoverflow and it seems to be more of a basic javascript issue, not jquery. A viewer forked my site and used basic javascript to alter the css and the same issue occurs.

The jsFiddle works find for me.

Changed January 30, 2011 04:41AM UTC by rwaldron comment:8

I think your sheer number of elements is the issue. Is it possible to refactor your markup to be a little more svelte?

Changed January 30, 2011 04:50AM UTC by comment:9

Again its fast enough in firefox, just not chrome. Someone has already filed a bug report in chrome. Here is the link to stack overflow.