缓冲-UE：INDEX_SIZE_ERR：DOM异常1

Question

Function causes an error in the browser chrome, how to treat?

http://jsfiddle.net/6QaWc/

Uncaught Error: INDEX_SIZE_ERR: DOM Exception 1 
pu 
(anonymous function) 
jQuery.event.dispatch
elemData.handle

I would be very grateful for any help!

Answer 1

It appears that you're trying to activate the objects before they are ready to be used.

If I wrap part of your code in the 'loadeddata' event:

$(mme).bind('loadeddata', function() { 
    console.log("Data is loaded...");
    gp(); 
    setTimeout(function () {
        gt();
    }, 2500);
});

the error goes away. Now, I'm not sure if this works the way you want it to, because I noticed some strange behavior in how the progress meter works after that, but maybe that will give you a nudge in the right direction to pursue a working solution?

http://jsfiddle.net/6QaWc/16/