2014-12-23 3 views
1

편집을 간단하게 숨기기 기능을 적용 할 수 없습니다 :이 목적이 사업부에

을 기대어입니다 내가 jQuery 라이브러리 내 헤더에 포함이 있습니다

몸에서
<script src="assets/js/jquery-1.11.0.min.js"></script> 

나는 간단한 DIV있다 :

<div id="image"> 
    <img class="width" src="assets/images/janka.jpg"> 
</div> 

그리고 신체의 끝 부분에

은 간단한 스크립트입니다

,536 나는 후 jQuery를 기능 숨기기에 의해로드 "이미지"사업부를 숨길 싶습니다
<script> 
    $("#image").load(function() { 
     $("#image").hide();   
    }); 
</script> 

(). 그러나 페이지가로드 된 후에 아무 일도 일어나지 않으면 div가 계속 표시됩니다. 브라우저 콘솔에는 오류가 표시되지 않습니다. 내가 뭘 잘못하고 있는지 알 수 없다. Pls, 거기에 내 평범한 오류를 수정하십시오.

+0

그냥 'display : none'을 사용하여 div를 숨기려면 일반 CSS를 사용하십시오. – Mivaweb

+0

@VDesign :'.hide(); '도 동일합니다. –

+0

좋아,하지만 난 jQuery를 배우고 싶다, 그것이 무엇인지 기능 나던 문제. –

답변

2

부하를 수 IMG 등 바디, iframe을, 호출하지만 div의에, 대신 당신이 요소에 온로드 이벤트를 사용하고자하는 경우, 당신은 예에 대한 요소를 결합해야한다. div.But와 기본적으로 1. 그냥 DIV 부하 후 함수를 호출하는 함수를 호출하는 2 가지 방법이 바로 div 요소 후에 쓰기가

 <div id="image"> 
      <img class="width" src="assets/images/janka.jpg"> 
    </div> 

<script> 
    function toHide() { 
     $("#image").hide();   
    } 
    toHide(); 
    </script> 

2. 대신 사업부

의 IMG의 기능 온로드를 해고하는 것입니다
$("#image img").load(function() { 
       $("#image img").hide();  //USING JS function  
      }); 
     OR 



     $("#image").load(function() { 
       $("#image").css('display', 'none');  //USING CSS 
      }); 
+2

'부하가 사업부에 확실히 IMG 등 바디, iframe을, 호출 할 수 있지만 :) 너트를 이동합니다.*** 참고로 : *** 어떤 자식도 onload 이벤트 **를 캡처하려는 경우 ** DIV에 onload 이벤트를 바인딩 할 수 있습니다. –

+0

@ A.Wolff 예, 달성 할 수 있습니다. 같은 목적. :) –

+0

예, 그냥 내 의견을 더 명확하게하기 위해 예제를 설정 : http://jsfiddle.net/2272e62z/ –

1

#image 요소는 load 이벤트를 발생시키지 않는 div입니다.

$("#image img").load(function() { 
    $("#image").hide();   
}); 
+4

''하지만 jQuery를 배우고 싶습니다.;) –

+0

더 많은 기능이있을 것입니다. 이유가 궁금 해서요. –

+4

@A 울프, 아, 나는 그것을 놓쳤다. 이 학습 운동의 경우 –

1

그것은 IMG해야합니다 : 당신은 이벤트를 발생시킬 않는 내부의 img 요소를 선택해야

$("#image img").load(function() { 
     $("#image img").hide();   
    }); 

사업부의 부하가 확인되지 않을 수 있지만 이미지가 될 수 있습니다. HTML이 준비 후 DIV 권리를 숨기려면 다음 준비 핸들러를 사용

$(document).ready(function(){ 
$('#image').hide(); 
}); 

그러나 방금이 적용 몸을 폐쇄의 끝에서 스크립트를 사용 :

$('#image').hide(); 
관련 문제