Jquery ajax 호출이 이루어지지 않았습니다.

Question

jquery에 ajax 호출이 이루어지지 않는 문제가 있습니다. 또한 dom의 상단에 클릭이 나타나서 .warning div를 숨기지 않아야합니다.

POST 요청이 이루어지지 않았 음을 방화 녀가 볼 수 있습니다.

$(document).click(function(e) { 
    if($('.warning').hasClass("active")) 
     $('.warning').hide(); 
}); 

$('.ero').click(function(e) { 
    e.stopPropagation(); 
    e.preventDefault(); 
      $.ajax({ 
     type: 'POST', 
     url: '/stem_op/3', 
     data: {id: idv}, 
     success:function(msg){ 
     $('.warning').fadeIn(500).css({ 
     display: 'block', 
     position: 'absolute', 
     left: position.left + 50, 
     top: position.top - 25 
    }).append(msg).addClass("active")} 
     });  
}); 

Answer 1

네를 사용해보십시오. .ready()가 없으면 코드가 즉시 실행됩니다. delegate와는 반대로 .click()을 사용하기 때문에 실행될 때 바인딩 할 것이 없습니다. 당신은 아마도 .ero 요소가 사용자 상호 작용을 기반으로 JS 동적으로 추가하려는 경우

$(document).ready(function() { 
    //code goes here 
}); 

, 당신이 사용할 수 있도록 할 것입니다 :

처럼 다이어 위의 준비에 포장 말한다 delegate.

또한 .click()은 기본적으로 bind()의 바로 가기이므로 적어도이 이벤트를 네임 스페이스로 사용할 수 있도록 시도해보십시오. 따라서 해당 요소에서 동일한 이벤트를 사용하는 다른 코드에 영향을주지 않으면 서 이벤트 핸들러를 바인딩, 바인딩 해제 및 리 바인딩하는 작업을 매우 쉽게 수행 할 수 있습니다.

//instead of 
$(".ero").click(function(e) { }); 

//something like this 
$(".ero").bind("click.mynamespace", function(e) { 
    //code here 
}); 

Answer 2

$ ('. ERO') 아마 아직 존재하지 않았다

여기 내 JQuery와있다. ready에 포장, 또는 그것이 ERO 분류 한 요소가 아직 존재하지 않는 머리에 포함 된 경우 코드를 기반으로 live

$('.ero').live('click', function() { ... }