Mootools : 입력 텍스트 필드 추가

Question

mootools 프레임 워크를 사용하여 텍스트 입력을 폼에 추가하고 있습니다. 여기에 내 코드입니다 : 당신이 볼 수 있듯이

http://jsfiddle.net/dazaweb/wjMJt/2/

는, 입력 필드가 잠깐 나타난 후 사라집니다. 왜 이런 일이 일어나고 있는지에 대한 아이디어가 있습니까?

감사합니다.

Answer 1

양식을 게시 할 제출 버튼을 클릭하고 있습니다. 입력 유형을 button으로 변경하면 제대로 작동합니다. 또는 제출 버튼을 계속 사용하려는 경우 기본기만 행위를 막을 수 있습니다.

http://jsfiddle.net/wjMJt/3/

또한 버블 링을 취소하여 기본 behavoir을 방지 할 수 있습니다 : 여기

제출의 버튼 insteed과 함께 작업 링크입니다.

이

$('btnAddOption').addEvent('click', function(e) { 

예 :

다만이 같은 변수라는 이름의 전자로 이벤트 인수를 함수 내부 e.stop();를 추가하고, 통과

http://jsfiddle.net/wjMJt/6/

Answer 2

는 자바 스크립트 코드이 추가

event.stop(); 

또한 이벤트 핸들러의 기본이하고있는 양식을 제출하기로 버튼에 의해 같은

$('btnAddOption').addEvent('click', function(event) { 

하지만 event.stop을 수행하여 우리가 양식을 제출 방지하는 내가 jQuery를 썼다

내 나쁜 ... .updated to javascript