У меня есть два списка (слева/правая Coloumn), которые подключены, поэтому я могу перетаскивать элементы из одного столбца (слева) в другой (справа).
Как я могу исключать конкретные элементы из списка1 (слева), которые не должны быть перетаскиваемыми в список 2 (справа) , сохраняя функциональность, чтобы перетаскивать их внутри их источника ? class = "Snippet">
/*
requirement:
"only left/only right"-widgets should only be droppable inside their source cloumn
"both"-widgets should be droppable at any coloumn
*/
$(function () {
$('#left, #right').sortable({
connectWith: ".connected",
item: ".widget"
});
});< /code>
#left, #right {
float:left
}
#left {
margin-right:20px;
}
.widget {
cursor:move;
padding:5px;
width:200px;
height:20px;
border: 1px solid black;
margin-bottom:5px;
}< /code>
widget1 - both sides
widget2 - both sides
widget3 - only left
widget4 - only left
widget5 - both sides
widget6 - both sides
widget7 - only right
widget8 - only right
У меня есть два списка (слева/правая Coloumn), которые подключены, поэтому я могу перетаскивать элементы из одного столбца (слева) в другой (справа). Как я могу исключать конкретные элементы из списка1 (слева), которые не должны быть перетаскиваемыми в список 2 (справа) [b], сохраняя функциональность, чтобы перетаскивать их внутри их источника [/b]? class = "Snippet">
[code]/* requirement: "only left/only right"-widgets should only be droppable inside their source cloumn "both"-widgets should be droppable at any coloumn */