JQuery와 -이는

Question

가 작동하려면이 코드를 얻기 위해 노력하는 정의되지하지만 난 불을 지르고에서 점점 오전 오류가 $this is not defined하고

이 코드에 대한 배경을 설명하기 위해 왜 난의 목록을 이해하지 못하는 $ 동일한 클래스가 있으므로 특정 스팬을 클릭하면 해당 스팬을 업데이트하고 아약스 요청을 보내야합니다.

희망적으로는 의미가 있습니다.

$(document).ready(function() { 

function postAndFade($node, post_key) { 
    var id = $node.parents('.id').find('.id-value').text(); 
    var post_val = $node.text(); 
    $node.fadeOut('slow'); 

    $.ajax({ 
     type: "POST", 
     url: "process.php", 
     data: "id="+id+"&"+post_key+"="+post_val, 
     success: function(data) { 
      $node.html(data); 
      $node.fadeIn('slow');   
     } 
    }); 
return false; 
} 
$('.featured-value').click(function() { return postAndFade($this, 'featured'); }); 
$('.visible-value').click(function() { return postAndFade($this, 'visible'); }); 
}); 

Answer 1

왜냐하면 - $(this)을 찾고 있기 때문입니다.

풀러 설명 - jQuery는 this 값을 이벤트를 트리거하는 요소로 설정하여 이벤트 처리기의 컨텍스트를 설정합니다. 이것을 jQuery에서 참조하려면 jQuery 호출로 포장해야합니다 (예 : $(this)).

$(el).click(function() { 
    var $this = $(this); 
    // now do stuff with $this 
}); 

을하지만 그 대회, jQuery를 당신을 위해하지 않습니다 뭔가 : 당신이 자주 요소와 물건을 많이 할 필요가 있기 때문에, $this라는 변수에 할당하는 일반적인 코딩 패턴입니다.

Answer 2

사용이 코드 당신은 $(this)하지 $this 원하는

$(this) instead of $this 

Answer 3

.

Answer 4

당신은

$('.featured-value').click(function() { return postAndFade($(this), 'featured'); }); 
$('.visible-value').click(function() { return postAndFade($(this), 'visible'); }); 

this는 DOM 요소에 대한 참조 할 수 있습니다.

은 아무 것도 아니며 때때로 jQuery 객체를 저장하기 위해 var $this = $(this)과 같이 사용되므로 여러 번 다시 생성하지 않습니다.

Answer 5

시도 대신에 $ 내가 jQuery를 구사하지 못하는이

$('.featured-value').click(function() { return postAndFade($(this), 'featured'); }); 
$('.visible-value').click(function() { return postAndFade($(this), 'visible'); });