mootools를 사용하는 Ajax 요청이 작동하지 않습니다.

Question

this 자습서로 div에 콘텐츠를로드하려고합니다. 불행히도이 작업은 HTML 파일을 새 페이지로로드하기 만합니다.

이

이 함수를

<a href="about.html" id="runAjax" class="panel">Profil</a> 

을 시작한다 링크이며,이 index.html을의 DIV - 구조 작업

window.addEvent('domready', function() { 

     $('runAjax').addEvent('click', function(event) { 
         event.stop(); 
         var req = new Request({ 
             method: 'get', 
             url: $('runAjax').get('href'), 
             data: { 'do' : '1' }, 
             onRequest: function() { alert('The request has been made, please wait until it has finished.'); }, 
        onComplete: function(response) { alert('Response received.); $('container').set('html', response); } 
         }).send(); 
$('runAjax').removeEvent('click'); 
     }); 
}); 

을해야 자바 스크립트입니다. 나는 내용은 "용기"정말 내가 슬라이딩 상단 패널을 필요로하기 때문에 내가, Mootools의 1.2과의 호환만큼 무엇을 사용 스크립트 신경과 -div

<div id="view"> 
    <div id="sidebar"> 
     mib 
    </div> 

    <div id="container"> 
     <div id="logo"> 
      <!--img src="img/logo.png"--> 
     </div> 

     <div align="center" id="tagline"> 
      content 
     </div> 
    </div> 
</div> 

내가 그나마이 것에로드 할 예를 들어 jquery 패널로 변경하는 작업이 많이 필요합니다.

Answer 1

이있는 '여기에없는 : 당신은 당신이 필요한 것보다 일을 더 복잡하게 만들고있어

alert('Response received.); 

Answer 2

. 이것을 시도하십시오 :

그래도 작동하지 않으면 Firebug를 부팅하고 기록되는 Javascript 오류를 확인하십시오. 여기에 Element.load 메소드() 바로 가기에 대한 참조는 다음과 같습니다 권장 당신은 클릭 이벤트를 중지하지 않는

http://mootools.net/docs/core/Request/Request.HTML#Element:load

Answer 3

.

event.stop();

할 :

대신

new Event(event).stop();