嵌入 Flash 视频的可拖动模式对话框不允许播放视频

Question

我有一个带有 Flash 视频的模式对话框，我使用 jQuery 可拖动插件来使其可拖动。在 Chrome 上，它不允许我播放视频（当我单击播放按钮时，它不执行任何操作，但如果按住鼠标，我可以拖动 div）。在 Firefox 上，视频会播放，但鼠标会“卡在”div 上，而 div 会跟随它四处移动。有没有一些简单的方法可以防止在 Flash div 上拖动？

Answer 1

向 div 添加一个“手柄”，这将允许用户拖动 div，但仅当他们单击该区域时才可以。只需在 div 中放置一个元素，然后将其指定为该可拖动对象的句柄即可。

使用指定的句柄选项初始化可拖动对象。

$( ".selector" ).draggable({ handle: 'h2' });

初始化后获取或设置句柄选项。

// getter
var handle = $( ".selector" ).draggable( "option", "handle" );
// setter
$( ".selector" ).draggable( "option", "handle", 'h2' );

来自 http://jqueryui.com/demos/draggable/#option-handle 的文档

Answer 2

试试这个代码：

$("#openDialog").dialog({
 autoOpen: false,
 modal: true,
 zIndex: -1,
 resizable: true,
 draggable: true,
 height: 'auto',
 width: '800',

}