如何将可拖动元素返回到选项中

How to return the draggable element into the options?

本文关键字：返回 选项 元素 拖动      更新时间：2023-09-26

我需要将元素.draggable-box返回到containment选项中，我如何才能实现这一点?

var windowWidth = $(window).width();
var windowHeight = $(window).height();
$(".draggable-box").draggable({
    containment: [($(this).width() / 2), 50, windowWidth - 100, windowHeight - 200]
});

如果我使用$(this)，则返回window…

如果我使用$(this)，返回window…

您需要对每个.draggable元素的引用:

$(".draggable-box").each(function ( i, draggable ) {
  var $draggable = $(draggable);
  $draggable.draggable({
    containment: [($draggable.width() / 2), 50, windowWidth - 100, windowHeight - 200]
  });
});

请注意，在each回调中，this将引用元素(在我的示例中是draggable)，因此您可以使用this代替。

将draggable-box元素保存在它自己的变量中。试试这个:

var windowWidth = $(window).width();
var windowHeight = $(window).height();
var $draggableBox = $(".draggable-box");
$draggableBox.draggable({
    containment: [($draggableBox.width() / 2), 50, windowWidth - 100, windowHeight - 200]
});
相关文章：