특정 div에서만 jQuery 코드를 실행하십시오

Question

본문에 id 구성 요소 - 홈페이지가있는 홈페이지가 있습니다. 이 페이지는 바닥 글, 탐색 및 다른 요소에 몇 가지 애니메이션이 있습니다. 이 요소들은 다른 모든 페이지에서 같은 이름을가집니다.

요소가 # component-homepage에있을 때 jQuery 코드를 실행하고 싶습니다. (js 파일에는이 코드가 더 많이 포함됩니다).

$('#component-homepage').ready(function(){ 
    // code 
}); 

그러나이 작동하지 않습니다

// This could should be on all the pages 
$("nav li:last-child").addClass('last-child'); 

// This code should only be used when the id #component-homepage is in the body 

// Homepage navigatie fadeIn + contentblok animatie 
$('#content_home').hide(); 
$('nav').hide().fadeIn(1200, function(){ 
    var result = $("#content_home").outerHeight(); 

$('#content_home_container').css({"margin-top": -Math.abs(result), "height": (result)}); 

    $('#content_home').css({"margin-top": (result),"display":"block"}).animate({marginTop: '0px'},1000); 
}); 

// Homepage navigatie animatie + url click event 
$('nav a').click(function(event){ 
    event.preventDefault(); 
    var href = this.href; 

    $('nav').animate({ 
     marginTop: '-635px'}, 
     1000, 
     function(){ 
      window.location = href; 
     }); 
    $('footer').fadeOut(200); 
}); 

나는이의 코드가 wrappen했습니다.

Answer 1

랩이의 코드 :

if ($('#component-homepage').length) { 
    // code 
} 

가 .length 방법은 너무 오래이 ID를 가진 두 개 이상의 요소가로, jQuery 오브젝트의 요소 수를 반환,이 부울로 변환합니다 true의 값으로 변경하고 코드를 실행하십시오.

소스 (들)

.length - jQuery API

Answer 2

당신은 당신의 jQuery 선택기에 컨텍스트를 전달할 수 있으며, 단지 그 범위 내에서 작동합니다

$('nav a', someDOMNode) 

내가, 내가 잘못 알고있는 경우 그것이 당신이 쫓고있는 것이라는 가정하에 ...