Question

我们正在使用Scriptaculous＆＃39;可拖动功能允许拖放元素。这一切都很好，除了处理flash电影。我们正在使用Scriptaculous v1.9.0和PrototypeJS v1.7。样本是：

<div style="position:absolute; z-index:1; top:0px; left:0px; height:px; width:px;" id="wrapper_movie15">
    <object height="337" width="364" style="position: absolute; width: 364px; height: 337px; z-index: 1; top: -15px; left: 42px;" class="movieId_ie15 selectable selected" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="movie15">
        <param value="movie.swf" name="movie">
        <param value="transparent" name="wmode">
        <param value="always" name="allowScriptAccess">
        <!--[if !IE]>-->
        <object height="337" width="364" data="movie.swf" type="application/x-shockwave-flash">
        <!--<![endif]-->            
        <p>--- movie ---</p>
        <!--[if !IE]>-->
        </object>
        <!--<![endif]-->
    </object>
</div>
<script type="text/javascript">
    new Draggable('movie15',{
        handle:'wrapper_movie15'    
    });
</script>

Chrome v22和IE9按预期工作，移动电影，但Firefox v16.0.1似乎没有做任何事情。

任何帮助将不胜感激。感谢。

Answer 1

出了什么问题：

句柄应位于可拖动元素内（换句话说，与该对象一起移动）。当手柄停留在同一个地方时，您正试图移动Flash影片。
wrapper和object都绝对定位。
点击将转到flash对象。

可能的解决方案：

http://jsfiddle.net/C25MJ/ - 在flash电影上方使用50px处理
http://jsfiddle.net/C25MJ/1/ - 叠加定位于Flash电影上，叠加将点击鼠标点击鼠标

Scriptaculous可拖动对象无法在Firefox中工作

1 个答案: