JQuery Как узнать количество элементов?

268
05 марта 2017, 07:33

Есть элементы, которые были перемещены с помощью drag'n drop. Нужно сделать, чтобы перетаскивался только один элемент, т.е. если перетащить картинку красной шляпы, то при перетаскивании картинки синей шляпы, красная шляпа вернулась.

var drop = $(".drop"), 
  maxSize = 3000000; //300 Kb 
//проверка drag'n drop 
if (typeof(window.FileReader) == 'undefined') { 
  drop.text('Не поддерживается браузером!'); 
  drop.addClass('error'); 
} 
//проверка drag'n drop 
 
 
drop[0].ondragover = function() { 
  drop.addClass("hover"); 
  return false; 
} 
 
drop[0].ondragleave = function() { 
  drop.removeClass("hover"); 
  return false; 
} 
 
drop[0].ondrop = function(event) { 
  event.preventDefault(); 
  drop.removeClass('hover'); 
  drop.addClass('ondrop'); 
 
  var file = event.dataTransfer.files[0]; 
 
 
  if (file.size > maxSize) { 
    drop.text('Файл слишком большой!'); 
    drop.addClass('error'); 
    return false; 
  } else if (file.type != "image/jpeg") { 
    alert("only jpeg or jpg !!!"); 
    drop.removeClass("ondrop"); 
  } else { 
    //            $.ajax({ 
    //                url: "getImg.php", 
    //                data: file, 
    //                success: function(file){ 
    //                    imgField.html(file); 
    //                } 
    //            }) 
  } 
}; 
//ЗАГРУЗКА КАРТИНКИ   
 
//ВЫБОР АКСЕССУАРА  
// Переменные 
var acs = $(".accessories"), 
  imgField = $("#image"), 
  plus = $("#plus"), 
  minus = $("#minus"), 
  acsW = acs.width(), 
  acsH = acs.height(); 
 
acs.draggable({ 
  zIndex: 100, 
  revert: function(event) { 
    $(this).data("uiDraggable").originalPosition = { 
      top: 0, 
      left: 0 
    }; 
    return !event; 
  } 
}); 
 
$(".picture").droppable({ 
  drop: alert(acs.length) 
});
.picture { 
  width: 200px; 
  height: 200px; 
  border: 2px solid red; 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.js"></script> 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<div id="hat" class="grid_12 submenu center"> 
  <img src="images/accessories/HAT_1.png" class="accessories" /> 
  <img src="images/accessories/HAT_2.png" class="accessories" /> 
  <img src="images/accessories/HAT_3.png" class="accessories" /> 
  <img src="images/accessories/HAT_4.png" class="accessories" /> 
</div> 
 
<div class="picture"></div> 
 
<!-- Что бы ошибка не вылазила :) --> 
<noscript class="drop"></noscript>

READ ALSO
Выборка элементов 3 уровня в иерархии MySQL

Выборка элементов 3 уровня в иерархии MySQL

Элементы Folder_s являются папками в которых могут содержаться как другие папки, так и документы из document_s

354
Ant-сборка проекта в Eclipse с подключением .dll

Ant-сборка проекта в Eclipse с подключением .dll

Я пишу игру на Java с использованием 2D движка Slick2DВ Eclipse IDE проект работает штатно, а при сборке и запуске через File>Export в Runnable JAR File дальше главного...

281
Ошибка при отправке Email

Ошибка при отправке Email

Подскажите почему не отправляет е-мейлпрограмма запускается и не выдает ексепшены и не заканчивается

283