2016-05-24 25 views
1

Я работаю на Ipad перетаскивании и я попытался сделать перетаскиваемый элемент видимым на любом другом DIV, но он работает только в родительской DIV, мой код:JQuery индекс касания удар г не имеет никакого влияния

$('#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> 

когда я перетащив элемент его видимую в первую тд, где он обычно есть, но когда я пытаюсь перетащить его на <div id="dropDiv"></div> он идет под «dropDiv ».

Эти div и tds имеют несколько классов css, которые я не могу отображать здесь.

Я уже пробовал несколько индексов z, но не оказывал никакого воздействия.

+0

Я не уверен, но вы можете попробовать z индексы с 10 цифрами. –

+0

Если я правильно помню, самый высокий z-индекс, который когда-либо определял jqueryUI, был 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