Tengo una lista visual de elementos como este:

http: //jsfiddle.net/viatropos/XCe3T/1

En la aplicación real, solo estoy cargando 200 artículos en total. Pero el problema es laclick event tarda casi un segundo en llamar al controlador, incluso con solo 200 elementos. Losmouseovera devolución de llamada del evento @ se ejecuta inmediatamente, sin importar cuántos elementos haya en la lista.

Mi pregunta es, ¿no debería ser el método de delegado igual de rápido sin importar cuántos elementos hay en la página? Todo lo que estoy haciendo es esto:

$("body").delegate("a", "click", function(event) { console.log($(event.target).get(0)); return false; }

Si va a ese ejemplo jsfiddle anterior y al inspector web, y hace clic en un enlace en el resultado representado, agregará 200 elementos más. Observe cómo cuantos más elementos agregue, más lento se vuelve. Lo extraño es que, si comienza con 6000 elementos, delegar / hacer clic se ejecuta mucho más rápido que si comienza con 2000 y agrega 200 a la vez hasta llegar a 6000.

Cuáles son sus pensamientos, cómo puedo mejorar el rendimiento de jQuery'sdelegate método para elclick evento? ¿Podría el CSS estar causando que esto se ralentice (tal vez demasiados estilos o un diseño no optimizado)?