$ (document.body) .css가 작동하지 않습니다.

Question

.js를 사용하여 HTML 본문의 배경 이미지를 변경하려고했지만 아무 일도 일어나지 않았습니다. 내 HTML에 Javascript 코드를 넣어야합니까?

function plano1() { 
    alert('you'); 
    $(document.body).css('background-image', 'url(img/planoSelected.png)'); 
} 

이것은 내가 시도한 완전한 기능입니다. Chrome은 경고를 표시하지만 $(document.body)은 수행하지 않습니다. 내가 뭘해야하니?

참고 : 나는 "onmouseover"기능을 사용합니다. 이미 사용하려고 시도했습니다 :

$('body').css('background-image', 'url(img/planoSelected_2.png)'); 

$("body").css('background-image', 'url(img/planoSelected_2.png)'); 

Answer 1

jQuery 코드는 닫는 body 태그 위의 페이지 하단에서 호출해야합니다. 첫째

로드 jQuery를 :

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 

    $(document).ready(function() { 
     $('body').css('background-image', 'url(img/planoSelected_2.png)'); 
    }); 

</script> 

Answer 2

코드는 괜찮지 만,이 이 작동하지 않을 수 있습니다 몇 가지 이유가 있습니다.

1. 이미지 경로가 스크립트의 위치를 ​​기준으로
2. plano1가 호출되어,이 올바른지 확인하십시오?
3. jQuery를 실제로
4. 함수 (확실하지 않은 경우 $(document).ready 사용)
5. 하는

라고 plano1 전에 코드에 오류가 없는지 확인을 호출 할 때 DOM이 준비되어 있는지 확인로드되어 있는지 확인합니다

이러한 것이 제대로 작동하고 여전히 작동하지 않는 경우 onmouseover이 전혀 작동하는지 확인하십시오. 간단히 경고하거나 콘솔에 무엇인가를 기록하십시오.