У меня есть два UL на моей странице. UL1 и UL2. Оба являются сортируемыми и перетаскиваемыми. Когда LI из UL1 добавляется в UL2, LI выходит из UL1. Чтобы удалить из UL2, нажмите на ссылку удаления внутри LI. Логика удаляет элемент и добавляет его обратно в UL1 из UL2.Назначение атрибута id для li не работает
Это мой код:
$(".xOut").on("click", function(){
var id = $(this).attr('id');
$.ajax({
url: '@Url.Action("RemoveCommand")',
type: "POST",
data: {
aid: id,
bId: @(Model.Id)
},
success: function(event, ui){
var newListItem = $("<li />", {
html: $("#"+id).html()
});
$(newListItem).attr("id", id);
newListItem.appendTo("#sortable1");
$("#"+id).remove();
}
});
});
код отлично работает, если я не добавить эту строку:
$(newListItem).attr("id", id);
Мне нужен новый элемент имел идентификатор, и не может работать без этого.
Как это сделать?
Обновление Добавлен HTML КОД:
<ul id="sortable1" class='droptrue'>
@for (var i = 0; i < Model.SomeList.Count(); i++)
{
var item = @Model.SomeList.ElementAtOrDefault(i);
if (item != null)
{
<li id="@(item.Id)">
<div>@item.Name</div>
</li>
}
}
</ul>
<ul id="sortable2" class='droptrue'>
@for (var i = 0; i < Model.SomeAssignedList.Count(); i++)
{
var item = @Model.SomeAssignedList.ElementAtOrDefault(i);
if (item != null)
{
<li id="@(item.Id)">
<div>@item.Name</div>
</li>
}
}
</ul>
Это сработало! Большой! Спасибо, сэр! – jmogera