Я все еще изучаю jQuery, и у меня самое сложное время с eruciform's jquery-collision plugin (documentation).Ошибка при использовании jQuery Collision
Все, что мне нужно, это получить имена divs, которые мои перетаскиваемые объекты перекрываются с помощью мыши, но вместо этого кажется, что он хочет вернуть код самой функции в виде текста.
Вот jsFiddle. Что я делаю не так?
наценки:
<div id="mainDiv" class="mainDiv">
<div class="topNav" id="topNav">
<div class="dragElements">
<div class="draggable" id="drag01">One</div>
<div class="draggable" id="drag02">Two</div>
<div class="draggable" id="drag03">Three</div>
<div class="draggable" id="drag04">Four</div>
</div>
<div class="dropElements">
<div class="venn" id="venn1">
<p/> <p/>Blue:
</div>
<div class="venn" id="venn2">
<p/> <p/>Orange:
</div>
</div>
</div>
</div>
Стили:
.dragElements{
width: 100%;
height: 170px;
}
.dropElements{
width: 100%;
height: 275px;
}
#venn1{
width:275px;
height:275px;
background-color:#0066FF;
position:absolute;
float:left;
left: 0px;
text-align: center;
}
#venn2{
width:275px;
height:275px;
background-color:#FC0;
position:absolute;
float:right;
right: 0px;
text-align: center;
}
.draggable{
text-align: center;
width: 100px;
padding: 10px;
background-color:#66CCFF;
cursor:pointer;
z-index:100;
}
Сценарий:
$(document).ready(function() {
$("div.draggable").draggable();
$("div.draggable").mousedown(function() {
dragID = this.id
});
$("div.draggable").mouseup(function() {
var colliders_selector = ".draggable";
var obstacles_selector = ".venn";
var hits = $(colliders_selector).collision(obstacles_selector, {
mode: "collision"
});
alert(hits.text);
});
});
Я просто знал, что это будет что-то простое, как это. Спасибо AlienWebguy! Итак, я могу получить идентификатор перекрывающего div с hits.attr ("id")? Отлично! Спасибо! – gyzhor
Рад помочь :) – AlienWebguy