當拖動一個帶有iframe的jquery對話框時,如果拖動時鼠標移過框架內容,拖動將停止。似乎iframe會自動獲得焦點。 有沒有什麼辦法來防止這種情況,並使拖動正常?jquery對話框:拖動裏面有iframe的對話框
var iframe=document.createElement('IFRAME');
$(div).append(iframe)
.dialog();
當拖動一個帶有iframe的jquery對話框時,如果拖動時鼠標移過框架內容,拖動將停止。似乎iframe會自動獲得焦點。 有沒有什麼辦法來防止這種情況,並使拖動正常?jquery對話框:拖動裏面有iframe的對話框
var iframe=document.createElement('IFRAME');
$(div).append(iframe)
.dialog();
您是否嘗試過爲iframe設置z-index?
var iframe=document.createElement('IFRAME');
iframe.css('z-index', '-999');
$(div).append(iframe)
.dialog();
是的,我試過了,但它不工作。 – albanx 2010-08-02 14:57:27
從naugtur的建議下,我發現這個良好的工作解決方案:
dragStart:function(){
var divt=document.createElement('div');
$(divt).attr('id','tempdragdiv');
divt.style.height='93%';
divt.style.width='100%';
$(divt).css('position','absolute').css('left','0') .css('top','0');
$(div).append(divt);//div where is iframe
},
dragStop:function(){
$('#tempdragdiv').remove();
}
對於與接受的解決方案相同的解決方案+1,只有這一個給出示例代碼。 – 2011-10-15 17:33:00
謝謝,jQuery仍然可以工作,但是這個修復更好:)。 – 2012-05-09 09:16:58
不知道一個簡單的修復,但它發生的原因是因爲''
任何可拖動div與其內部的IFRAME(或附近有IFRAME和您將鼠標快速移動到附近的IFRAME上)發生此問題。我想如果有一個簡單的解決方案,它會自動實現在jQuery!但會很高興被證明是錯誤的。請注意,當您退出IFRAME時,拖動操作會正確恢復,因此不會完全斷開。它工作正常。 – 2010-08-02 14:56:32
我試過drag:function(e){e.stopPropagation(); }在對話框選項 中,但它不起作用。 yes當鼠標熄滅iframe時,拖動操作可以正常恢復 – albanx 2010-08-02 15:01:18