私は本当に奇妙な振る舞いをしており、何が問題なのかを理解するために数日を費やしました.
MooTools のメソッドにより、入力フィールドがクリックできなくなります。理由がわかりません。
$$('.class1.class2').makeResizable({
});
上記のコードでは、クラス 'class1' と 'class2' を持つ div のすべての子をサイズ変更可能にする必要があります。これは完全に機能しますが、入力フィールドをクリックできなくします。
誰かが同様の問題を抱えていましたか？
どんな種類の助けにも感謝します。
ありがとう
問題は、handle渡されていないことです。これに失敗すると、要素全体がマウスダウンのリスナーになり、子要素をクリックしようとすると正しくバブルされず、奇妙な動作が発生します。
また、ハンドラーを追加するためのロジックにバグが見つかりました。これは、ハンドルを正しく評価していないようです
https://github.com/mootools/mootools-more/blob/master/Source/Drag/Drag.js#L66は多くのレベルで間違っています - 要素のコレクション/配列を期待していますが、子ではなくグローバル ドキュメントを検索します要素-とにかく要素を選択することになり、渡されたコレクションのようなものを無視します$$('.class1 .resizer')
子セレクターの文字列を受け入れるように小さな変更を加え、サイズ変更ハンドラーを追加しました。
このバグをhttps://github.com/mootools/mootools-more/issuesに送信する必要がありますが、取り上げられるとは思えません。
$$('.class1').makeResizable({
handle: '.resizer'
});
この作業を行うために私が行った変更は次のとおりです。
this.handles = this.element.getElements(this.options.handle);
または、InteractJS などを使用してこれを処理することもできます。
100%確信があるわけではありませんが、これを試していただけますか
あなたが欠けていると思います (,)
$$('.class1,.class2').makeResizable({
});