mootools - 使可调整大小的方法使输入字段不可点击

Question

我的行为真的很奇怪，我花了几天时间试图找出问题所在。

MooTools 方法使我的输入字段不可点击，我不知道为什么。

$$('.class1.class2').makeResizable({
});

上面的代码需要使所有具有类'class1'和'class2'的div的子级都可以重新调整大小，并且效果很好，但除此之外它还使输入字段不可点击。

有没有人有类似的问题？

任何形式的帮助将不胜感激。

谢谢

Answer 1

所以问题是你没有handle传入。当你没有这样做时，整个元素将成为 mousedown 的侦听器，并且尝试单击任何子元素都不会正确冒泡，从而导致奇怪的行为。

我还在添加处理程序的逻辑中发现了一个错误，它似乎无法正确评估句柄

https://github.com/mootools/mootools-more/blob/master/Source/Drag/Drag.js#L66在许多层面上都是错误的 - 它需要一个元素集合/数组，但在全局文档中查找而不是子文档元素 - 但它最终还是会选择元素并忽略传递的集合，例如$$('.class1 .resizer')

我做了一个小改动来接受子选择器的字符串并添加了一个调整大小处理程序。

http://jsfiddle.net/pbu5uzho/

您应该将此错误提交到https://github.com/mootools/mootools-more/issues，尽管我怀疑它会被接收。

$$('.class1').makeResizable({
    handle: '.resizer'
});

我为完成这项工作所做的改变是：

this.handles = this.element.getElements(this.options.handle);

或者，您可以使用 InteractJS 之类的东西来处理这个问题。

Answer 2

我不是 100% 确定，但你能试试这个吗

我认为您缺少（，）

$$('.class1,.class2').makeResizable({

});