javascript - JQuery .resizable，如何为 alsoResize 属性选择子项

Question

我有弹出窗口，可以拖动和调整大小。一切都很好，除了我需要调整大小窗口来调整其中的 div 大小。这很容易通过设置 alsoResize: 'selector' 来实现，但是，这个窗口的每个实例都有相同的 div，具有相同的类名。如果您调整一个窗口的大小，它会调整所有打开窗口的内部 div 的大小。

$(chatWindow).draggable({ handle: '.dragHandle', containment: 'window', stack: '.chatWindow' })
    .resizable({ resize: function (event, ui) {
        api.reinitialise();
    },
        alsoResize: chatWindow + ' > .chatTerminal',
        start: function (event, ui) {
            var currentPosition = api.getContentPositionY();
            api.scrollToBottom();
            var maxPosition = api.getContentPositionY();
            api.scrollToY(currentPosition);
            var isAtBottom = (currentPosition == maxPosition);
            $(chatWindow).data('isAtBottom', isAtBottom);
        },
        stop: function (event, ui) {
            if ($(chatWindow).data('isAtBottom'))
                api.scrollToBottom();
        },
        minHeight: 125,
        minWidth: 250
    });

alsoResize: chatWindow + ' > .chatTerminal', 不适用于选择子元素。我不能使用 .find 因为 alsoResize 只需要一个选择器。显而易见的快速解决方案是将窗口名称(对于每个新窗口都是唯一的)附加到内部 div，然后在内部 div 上使用 id 选择器。我只是好奇是否有更好的方法来仅使用 alsoResize 的选择器来固定子元素。

Answer 1

var chatTerminal = '#' + channel + "_terminal";

alsoResize: chatTerminal

channel 是主窗口的唯一标识，因此我在创建窗口时将相同的唯一标识附加到子 div 上。然后我可以使用 chatTerminal 从 alsoResize 选项引用它。我列出这个答案以防万一没有人回答，我会接受它。但是，如果你们有更好的方法从选择器字符串中选择子项，请告诉我:)