經與jQueryUI的的可拖動和可調整大小的iframe出現

好了一個問題，所以我有一個頁面在這裏： http://8wayrun.com/streams/multi?type=1&pos1=1.8wayrun.video&pos2=1.8wayrun.chat 經與jQueryUI的的可拖動和可調整大小的iframe出現

當你去到該頁面，你會看到一個視頻塊，和聊天塊。這兩個塊都可以拖動和調整大小。

$('#position_'+position).resizable().draggable({ 
    handle: '.info', 
    iframeFix: true, 
    opacity: 0.50, 
    snap: true, 
    snapTolerance: 10, 
    stack: { group: '.multiBlank', min: 1 }, 
    zIndex: 10000 
});

視頻塊工作正常，因爲它的一個簡單的對象嵌入。然而，由於聊天是一個iframe，所以聊天塊給我帶來了問題。 draggable中的iframeFix用於當可拖動元素移動到iframe上時，而不是在可拖動元素包含iframe本身時。

我遇到的問題是，如果您拖動或調整塊的大小，並且移動鼠標的速度過快，並且它超出了iframe元素，那麼您的鼠標將從拖動/調整大小中分離出來，並且很難做到功能。有沒有辦法來解決這個問題？

來源

2013-04-25 Jason Axelrod

嘗試只在拖動時將div覆蓋在iframe上。並且，當你完成拖動時，就會銷燬覆蓋div。

來源

2013-04-25 04:24:10 nullSharp

你也可以嘗試這樣的：http://jsfiddle.net/wncCV/3/在這裏，我從DOM中刪除iframe，當它重新調整大小，然後在我們完成重新調整大小時將其返回。 – nullSharp 2013-04-25 04:33:23

謝謝......添加一個div並在啓動和停止工作時銷燬它。 – 2013-04-25 04:51:06

經與jQueryUI的的可拖動和可調整大小的iframe出現

回答

相關問題