我尝试为我的类别制作可排序的函数,我正在使用 JQuery UI

逻辑

>如果category_id为null,则表示该类别为parent.
(就我而言,我只使用了category_id而不是parent_id
不同的命名)
>类别最大2深,如父母 – >儿童1->儿童1
孩子的

我尝试做什么

当我通过Ajax删除和删除我的一个类别时更新category_id列

问题

>我在网络上收到404错误
>我的函数不支持null category_id

代码

@H_403_20@@foreach($Categorys as $cat) //parent (deep 0) <li class="parent" id="{{$cat->id}}"> {{$cat->title}} //first child (deep 1) @if(count($cat->childs)) @foreach($cat->childs as $child) <li style="margin-left:20px !important;" class="firstchild" id="{{$child->id}}"> {{$child->title}} //first child child (deep 2) @if(count($child->childs)) @foreach($child->childs as $childdd) <li style="margin-left:40px !important;" class="secondchild" id="{{$childdd->id}}"> {{$childdd->title}} </li> @endforeach @endif </li> @endforeach @endif </li> @endforeach

阿贾克斯

@H_403_20@$(function() { $('.mytest').sortable({ stop: function() { $.map($(this).find('li'),function(el) { var itemID = el.id; var itemIndex = $(el).index(); if (itemID) { $.ajax({ url: '{{ url(' categorysort ') }}/' + encodeURI(itemID),type: 'POST',dataType: 'json',data: { itemID: itemID,itemIndex: itemIndex },}); } else { console.log(data); } }); } }); });

路线

@H_403_20@Route::post('/categorysort/{id}','CategoryController@UpdatecategoryparentByAjax')->name('categorysort');

调节器

@H_403_20@public function UpdatecategoryparentByAjax(Request $request,$id) { $categories = Category::orderby('id','desc')->get(); $itemID = $request->input('itemID'); $itemIndex = $request->input('itemIndex'); foreach ($categories as $category) { $category->where('id',$itemId)->update([ 'category_id' => $itemIndex,]); } }

PS: I’m aware that there is missing category_id data in my li's the
reason i didn’t put that is because I didn’t know how to should I use
it exactly,as I mentioned before in my issues my function doesn’t
support that yet (so I need your helps please).

截图

谢谢.