0

Я все еще изучаю 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/>&nbsp;<p/>Blue: 
      </div> 
      <div class="venn" id="venn2"> 
      <p/>&nbsp;<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); 
    }); 
}); 

ответ

1

Поскольку вы не вызывая фу nction.

Изменение alert(hits.text); к alert(hits.text());

+0

Я просто знал, что это будет что-то простое, как это. Спасибо AlienWebguy! Итак, я могу получить идентификатор перекрывающего div с hits.attr ("id")? Отлично! Спасибо! – gyzhor

+0

Рад помочь :) – AlienWebguy

Смежные вопросы