[jQuery] limits using dblclick if too many elements ?

[dehneg]

Hello,

My script has a strange behaviour and I can not found why.


My html code looks like :

<div class="bioNumUnit">
   <span class="siteSelector" id="s1">1</span>
   <span class="siteSelector" id="s2">2</span>
   <span class="siteSelector" id="s3">3</span>
   <span class="siteSelector" id="s4">4</span>
   ...
   ...
   <span class="siteSelector" id="sn-1">n-1</span>
   <span class="siteSelector" id="sn">n</span>
</div>



I use jQuery 1.2.1. and have a script like this :

$(document).ready(function() {
        $("#test").load('cgi-bin/alignTmp/num') ;
        $('.bioNumUnit').dblclick(function(event){
                        $('body').append('<div>dblclick on ' + event.target.id 
+ '</
div>');});
        }
);


If n = 700      : no problem,
if n = 1200    : takes few seconds with 100% cpu and append the test
message,
if n = 1600    : takes more seconds and never append the message,
if n = 3000    : takes minutes but  display the message.
if I replace the dbclick by the click event there is no problem.

Why it takes so much time when n is increasing ?
Why the callback function is called sometimes and other times is not
called ?
Any idea ? (sorry if it is a known issue),

Alex

(This is my second post. The previous post 8 hours ago was not
published)