jquery可拖動禁用包含內容的點擊功能

Question

我試圖在div內放置一個flash視頻（對象，swf），並讓該div可在用戶頁面周圍拖動。我的下面的代碼在除Chrome之外的所有按鈕都可以正常工作，其中播放器中的所有按鈕都變得無法點擊。 （你仍然可以懸停在出於某種原因按鈕和得到反饋，就像在Flash Player中的鼠標懸停，但不能點擊）

這意味着，靜音，暫停，音量，全屏等在全破鉻。點擊播放器上的任何地方只需將其視爲拖動點擊（任何點擊播放器上的任何位置都不會提供任何反饋，但持有它並拖動將拖動該div）

我正在尋找的是點擊/可拖動的邊框這個div裏面有一個功能正常的視頻播放器（就像它在IE和FF中工作一樣），當用戶在頁面的內容上下滾動時，它停留在屏幕上的當前位置。

我只是跑在我的js以下幾點：

$('#video').draggable(); 

和我相關的CSS是：

#video 
{ 
    position: fixed; 
    right: 0; 
    bottom: 0; 
    padding: 10px; 
    border-radius: 10px; 
    background-color: #0DD0FC; 
    display: block; 
    width: 640px; 
    cursor: pointer; 
    height: 360px; 
} 

，在我的HTML我有

<div id="video" style="z-index: 4500;"> 
     <object width="100%" height="100%"> 
      <param name="movie" value="http://www.domain.com/value;autoplay=true" /> 
      <param name="allowscriptaccess" value="always" /> 
      <param name="allowfullscreen" value="true" /> 
      <param name="wmode" value="transparent" /> 
      <embed src="http://www.domain.com/value;autoplay=true" type="application/x-shockwave-flash" 
       allowfullscreen="true" allowscriptaccess="always" width="100%" height="100%" 
       wmode="transparent"></embed></object> 
    </div> 

Answer 1

你可以specify which children should not activate draggable，但我不敢擔保這是如何處理Flash內容的。