Как запустить один и тот же JQuerycode для различных блоков в HTML-контента?

Question

Я собираюсь сделать код jQuery для двух разных блоков, который будет работать с одним кодом запроса, используя элемент корзины drag and drop shoppinng.

Вот моя ссылка на js fiddle: http://jsfiddle.net/GMC7B/2/

В этом упражнении вы увидите, что есть два разных блока: post1 а также post2, Когда я тащу post1 в его положении, post2 положение также отобразить его автоматически.

Я хочу запустить его, используя одну общую корзину. Пожалуйста, помогите мне разобраться. Вот мой проблемный образ http://screencast.com/t/oqywpdobF2vq

Answer 1

Этот $(".shoppingCart ol").droppable(/*anything*/); означает, что вы делаете ВСЕ .shoppingCart ol списки, доступные для удаления - в ЛЮБОЕ время, когда что-то перетаскивается

Возможное решение:

Подготовьте свой dropable для всех списков - и чем пользуйтесь disable() способ выключить их

$( ".selector" ).droppable( "disable" );

Когда вы начнете перетаскивать какой-либо элемент - добавьте функцию / метод onDrag, который позволит удалить

$( ".selector" ).droppable( "enable" );

только те элементы, которые вы хотите - также он должен содержать функцию / метод onDrop, который снова отключит область сбрасывания.