Jquery Ebeveyn ve alt çerçeve arasındaki Sorgulanabilir ve Sürüklenebilir

Question

jQuery Draggable | Droppable | Uygulamayı denemeye çalışıyorum Ebeveyn ve alt çerçeve arasında sortable. Ben bu prototipi var ama oluyor bazı garip davranış yoktur

win = document.getElementById('frame').contentWindow; 

element = win.document.getElementById('sortable'); 
$(element).sortable(); 
console.log(element); 
$("#draggable").draggable({ 
     connectToSortable: $(element), 
    iframefix: true, 
    helper: function() {return $("<div/>").css('background-color','red');} 
}); 

iframe sayfası da burada

$("#sortable").sortable(); 

içeren ben damla çalıştığınızda Düzgün çalışır jsfiddle http://jsfiddle.net/vxAzs/5/

olduğunu iframe öğesinde, ancak iframe üzerindeki öğeleri sıralamaya çalıştığımda, öğenin her iki sayfanın da tıklatma etkinliğine yapıştığını düşünüyorum (böylece hem üstteki hem de iframe'yi tıklayana kadar düşmez). Hem ebeveyn hem de iframe'de .sortable() çağrısı ile ilgili bir şey olduğunu düşünüyorum, ancak eğer o, düşürülmüş çalışmayı durdurursa. link

Answer 1

tamam, ben bunu nasıl yapıyorum .. Ana çerçeveden bir öğe üzerinde sürükle ve iframe, iframe içinde üst çerçevenin öğesinde sürüklenebilir oluşturulmuş bir sıralı listesinde bırakın oluşturmak için

win = document.getElementById('<identifier for Iframe>').contentWindow; 
win.jQuery(dragelement,parent.document).draggable({ 
connectToSortable : $("#sortable") 
)} 

Bir çekicilik gibi çalışır!

Answer 2

comment kodunuzda bu hat, burada

//$(element).sortable({iframefix:true}); 

keman olduğunu Değişim

iframefix: true, 

için

iframeFix: true, 

Answer 3

iframeFix harfe duyarlıdır: