Помогите уже сломал всю голову. Как написал в описании темы, использую плагин jquery.ui. Есть следующий код
| Код |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="JavaScript/jquery-1.9.1.js"></script>
<script type="text/javascript" src="Ui/js/jquery-ui-1.10.3.custom.js"></script>
<link rel="stylesheet" type="text/css" href="Ui/css/ui-lightness/jquery-ui-1.10.3.custom.css">
<script type="text/javascript"> $(document).ready(function () {
$("#work").selectable({tolerance:'fit', selected: function(event, ui) {
alert(ui.selected.id);
}
});
$("#test").draggable();
$("#test2").draggable();
});
</script>
<style>
#work {width:100%; height:1000px; position:relative;}
#test {
height:400px;
width:600px;
border:1px solid #000;
position:relative;
left:300px;
top:75px;
}
#test #test2 {
height:95px;
width:100px;
border:1px solid #000;
position:relative;
left:50px;
top:40px;
}
#test3 {
height:30px;
width:50px;
border:1px solid #000;
position:absolute;
left:50px;
top:40px;
}
</style>
<body>
<div id="work">
<div id="test"><div id="test2"> </div></div>
</div>
</body>
</html>
|
Задача: нужно если событие selectable произошло внутри слоя test вывести его id, также со слоем test2.
Проблема: Т.к слои test и test2 являются перемещаемыми (draggable) то и событие selectable на них не срабатывает. Событие selectable срабатывает если весь слой test или test2 находится внутри выделения.
Я пытался решить проблему путем добавления еще одного слоя с z-index 0. Таким способом выделение проходит и внутри слоев но id элементов не определяется |