2014-01-07 82 views
0

我有兩個區域可以在iPad上滾動,所以我保持溢出自動(或滾動,或隱藏,仍然允許在iPad上滾動)。我怎樣才能讓我的JQueryUI可拖動元素漂浮到另一個溢出元素中?

我有未登記學生的部分,我使用jQueryUI的(與touchPunch觸摸),以從容器未登記的學生到他們所屬的類拖動的學生。

這工作,除了罰款當我設置溢出,以允許滾動。我想我需要首先從父項中彈出元素,然後開始拖動。然後拖放,將該元素附加到可拖放容器。

下面是它在行動JS斌:

http://jsbin.com/aPaHiVi/3/edit

的事情是,我不知道如何覆蓋默認拖動代碼,並將它:

  1. 設置爲相同的位置我撿起它,但作爲其父母的父母的孩子

  2. 有它在正確的位置

任何建議,將不勝感激設置爲下降容器的孩子!

感謝您閱讀

+1

打了一下,你的代碼我能夠做出一個解決方法,你可以實際使用助手選項,並拖動它滾動沒有像這樣的'$( 'o')。draggable({helper:'clone'});',在設計方面可能不是理想的效果,但有效,請查看http://jsbin.com/OWeyebic/2/edit –

+1

不能只是使區域過流:當你開始拖動時隱藏? – Thorgeir

+0

....或可見 – Thorgeir

回答

1

試試這個:

添加到您的CSS:

.nooverflow{overflow:visible;} 

這在ready函數:

$('o').draggable({ 
    start:function() 
    { 
     $(this).parent().addClass('nooverflow');    
    }, 
    stop:function() 
    { 
     $(this).parent().removeClass('nooverflow');    
    } 
}); 
+0

感謝您的建議!這是一個好的開始。啓動和停止功能參數本身很有幫助。我會做一些測試,並接受它是否有效 – Prodikl

相關問題