YUI Uploader in jQuery Draggable

Question

Ich habe einen YUI-Uploader in irgendeinem Element, das ein jQueryUI-Draggable ist. Nach dem Klick auf den Uploader-Button, der den File-Select-Dialog öffnet, bekam das Draggable ein MouseDown-Event => ist sticky an meiner Maus.

Wie kann ich verhindern, dass der YUI-Upload-Button das MouseDown-Event sprudelt?

In Webkit scheint der Upload-Button (ein transparentes Flash-Objekt) das MouseDown-Event nicht zu erkennen. Wie kann ich sicherstellen, dass es immer der Erste ist, der das Event bekommt? etwas Z-Index-Magie oder so?

Answer 1

Sie können wahrscheinlich das erste Problem beheben, indem Sie Ihren Container nicht zulassen, dass der Container der Upload-Schaltfläche ein Handle ist, der cancel option verwendet. Also, wenn Ihr html so etwas wie dieses:

<div class="drag"> 
    <p>whatever</p> 
    <div class="upload" ></div> 
</div> 

Dann so etwas wie dies Ihre Initialisierung Skripte aussehen sollte:

var dragger = $(".drag").draggable({ cancel: ".upload" }); 
var uploader = new YAHOO.widget.Uploader("upload", "assets/buttonSprite.jpg"); 

Was Ihre zweite Frage, ich bin nicht wirklich sicher, ... sorry (obwohl es möglich ist, dass das oben genannte auch das beheben könnte, wenn es ein seltsames Schluckverfahren gibt.