在jQuery Nestable中停止水平移动,可以通过以下步骤实现:
<div class="dd" id="nestable">
<ol class="dd-list">
<li class="dd-item" data-id="1">
<div class="dd-handle">Item 1</div>
</li>
<li class="dd-item" data-id="2">
<div class="dd-handle">Item 2</div>
</li>
<li class="dd-item" data-id="3">
<div class="dd-handle">Item 3</div>
</li>
</ol>
</div>
$(document).ready(function() {
$('#nestable').nestable({
maxDepth: 2, // 设置最大嵌套深度
noDragClass: 'dd-no-move', // 设置禁止拖动的类名
callback: function(l, e) {
// 在回调函数中处理停止水平移动的逻辑
$('.dd-handle').css('cursor', 'default'); // 禁用拖动手柄的鼠标样式
}
});
});
在上述代码中,我们通过设置noDragClass
选项为dd-no-move
来禁用水平移动。然后,在回调函数中,我们将拖动手柄的鼠标样式设置为默认样式,以阻止水平移动。
这样,当使用者在页面上拖动嵌套列表时,水平移动将被禁用,并且拖动手柄的鼠标样式将被设置为默认样式,从而停止水平移动。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云对象存储(COS)。
领取专属 10元无门槛券
手把手带您无忧上云