sách gpt4 ai đã đi

javascript - 可排序的容器/边界

In lại 作者:行者123 更新时间:2023-12-02 16:31:50 32 4
mua khóa gpt4 Nike

我正在尝试为我的可排序项目创建边界。我看过这个问题/答案:

jquery sortable keep within container Boundary

并尝试将我的 JS 以此为基础,但无论出于何种原因,每当我在 UL 周围添加容器时,我都会失去顶部和底部的遏制,并且用户可以将项目拖到 cotnainer 之外:

Correct Containment Fiddle

My Wrong Containment Fiddle

嘿,骗子,这是没有 fiddle 的代码:

工作

    $(hàm() {      
$( ".sortable" ).sortable({
axis: 'y',
containment: "parent"
}).disableSelection();
});
ul{
margin:20px 0 0 20px;
border:1px solid #000;
width:70%;
overflow:hidden;
position:relative;
list-style-type: none;
lề: 0;
đệm: 0;
}
li{
background:#ccc;
border-top:1px solid #000;
padding:10px 5px;
cursor:move;
}
li:first-child{
border-top:0;
}



  • first item

  • second item

  • third item

  • fourth item

  • fifth item

不工作

jQuery( document ).ready( function( $ ) {
$( ".sort" ).sortable({
axis: 'y',
containerment: 'parent'
}).disableSelection();
} );
ul{
margin:20px 0 0 20px;
border:1px solid #000;
width:70%;
overflow:hidden;
position:relative;
list-style-type: none;
lề: 0;
đệm: 0;
}
li{
background:#ccc;
border-top:1px solid #000;
padding:10px 5px;
cursor:move;
}
li:first-child{
border-top:0;
}





  • first item

  • second item

  • third item

  • fourth item

  • fifth item


使非工作项离开容器的两个代码块有什么区别?

1 Câu trả lời

您在第二个 JavaScript 中输入了“containment”。

关于javascript - 可排序的容器/边界,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28224149/

32 4 0
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com