2016-05-24 61 views
1

我在iPad上拖放工作,我試圖使拖動元素可見每個其他分區,但它只能在父DIV,我的代碼是:jQuery的觸摸衝牀Z指數沒有任何影響

$('#draggable').draggable({ 
    zIndex: 20, 
    drag: function(event){...}, 
    helper: 'clone', 
    position: 'absolute', 
    owerflow: 'hidden' 
}) 

HTML代碼看起來是這樣的:

<tr> 
    <td> 
    <div id="draggable"></div> 
    </td> 
    <td> 
    <div id="dropDiv"></div> 
    </td> 
</tr> 

當我拖着元素其首款TD可見它通常是,但是當我嘗試它拖到<div id="dropDiv"></div>它會根據「dropDiv 」。

這些div和tds有多個css類,我不能在這裏顯示。

我已經嘗試了多個z索引但沒有影響。

+0

我不確定,但您可以嘗試使用10位數的z索引。 –

+0

如果我沒有記錯的話,jqueryUI有史以來定義的最高z-index是一個9位數字 –

+0

或11,如果它仍然不起作用 –

回答

1

您可以添加自定義的助手這樣的:

$('#draggable').draggable({ 
    zIndex: 20, 
    drag: function(event){...}, 
    helper: function(){ 
    $("#outerElement").append($("#draggable").clone().attr('id', 'itWorks')) 
    return $("#itWorks"); 
    }, 
}) 

哪裏$("#outerElement")是包含您的$("#draggable")的元素,在您想刪除以及元素。

+0

它作品!!!!非常感謝老兄! :)你爲我節省了很多時間 – embergal

+0

歡迎您! :) – lacexd