jQuery中的YUI Uploader可拖动

Question

我在某个元素中有一个YUI-Uploader，它是一个jQueryUI-Draggable。单击Uploader-按钮打开文件-选择-对话框后，可拖动的got a MouseDown-Event => is sticky at my鼠标。

如何防止YUI-Upload-Button冒泡MouseDown事件？

在Webkit中，Upload-Button (一个透明的Flash对象)似乎甚至无法识别MouseDown-Event。我如何才能确保它总是第一个得到事件？一些z索引魔法之类的？

Answer 1

您可能可以通过使用cancel option让draggable不允许upload按钮的容器作为句柄来解决第一个问题。所以如果你的html是这样的：

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

那么你的初始化脚本应该是这样的：

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

至于你的第二个问题，我不太确定...抱歉(尽管如果有一些奇怪的事件正在发生，上面的方法可能也会解决这个问题)。