jQuery可调整大小：每个元素的唯一MinWidth

我正在使用jqueryui，它可以调整大小，并具有可拖动和可拖放功能。删除元素后，我需要在调整大小时控制最小宽度（每个元素的大小不同）

要求

• 文本元素：最小宽度应为100px
• 按钮元素：最小宽度应为50px

在下文中，我能够为所有元素控制相同的最小宽度，但没有不同

尝试以下代码但未成功：(

---

考虑下面的例子

var $element = ui.helper.clone();
$element.resizable().draggable().selectable();
$element.appendTo(this);

if (ui.draggable.hasClass('draggableInput text')) {
  $element.append(textElement);
  $(this).resizable("option", "minWidth", 100);
} else if (ui.draggable.hasClass('draggableInput button')) {
  $element.append(buttonElement);
  $(this).resizable("option", "minWidth", 50);
}

---

在这里，您可以看到初始化后设置选项的位置。请参阅更多信息：

您应该在

if

语句中设置

minWidth

选项。@Twisty，谢谢您的完美答案。我接受并投票支持您的精彩答案。非常感谢

var $element = ui.helper.clone();
$element.resizable().draggable().selectable();
$element.appendTo(this);

if (ui.draggable.hasClass('draggableInput text')) {
  $element.append(textElement);
  $(this).resizable("option", "minWidth", 100);
} else if (ui.draggable.hasClass('draggableInput button')) {
  $element.append(buttonElement);
  $(this).resizable("option", "minWidth", 50);
}