请检查此FIDDLE
这是html
<div id="wrapper">
<div class="button_area"></div>
<div class="icon"></div>
<div>
图标位于button_area的顶部。
现在我必须拖动.button_area： $（ 'button_area'）拖动（{}）;
如果我点击该区域并开始拖动
，它就有效但如果我点击.icon（位于该区域顶部）并开始拖动，则没有任何反应......
对于firefox和chrome我在stackoverflow中找到了一个解决方案gere，非常简单，只需在.icon中添加一个简单的css urle，我就是金色。
.icon{
pointer-events: none;
}
问题是这对歌剧也不起作用，即
什么是最好的解决方案，让它工作crossbrowser（我不介意ie6,7和8）...