크기를 조정할 수있는 방법으로 입력 필드를 클릭 할 수 없게 만듭니다.

Question

정말 이상한 행동을 보였습니다. 문제가 무엇인지 알아 내려고 며칠을 보냈습니다.

MooTools 메서드를 사용하면 입력 필드를 클릭 할 수 없으며 그 이유를 알 수 없습니다. 코드 조각 위

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

클래스 '클래스 1'다시 상당한 할 & 'Class2의'를 가지고 사업부의 모든 자식을 만들 필요가있다, 그것은 완벽하게 작동하지만, 그것은 또한 입력 필드를 클릭 할 수 있음을 옆에.

아무도 비슷한 문제가 있습니까?

모든 종류의 도움을 주시면 감사하겠습니다.

감사

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' 
}); 

내가이 일을하는 한 변경

했다 : InteractJS이 처리하는 것처럼

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

양자 택일로, 당신이 뭔가를 사용할 수 있습니다.

Answer 2

나는 100 % 확실하지 않다하지만 당신이 한

난 당신이 누락 생각 시도 할 수 있습니다 (,)

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

});