2015-01-15 6 views
0

예를 들어, 일부 픽셀 너비와 일부 픽셀 높이의 test-test라는 div가 있는데 jQuery를 사용하여 배경색을 추가하고 싶습니다. Rails에서이 작업이 매우 쉽다고 생각했기 때문에 작동하지 않는 것을보고 놀랐습니다.Rails에서 jQuery로 CSS 속성을 변경할 수 있습니까?

내 HTML :

... 
<div class="test-test"></div> 
... 

내 test.css.scss가 :

.test-test { 
    width: 300px; 
    height: 300px; 
} 

내 test.js 파일 :

$(".test-test").css("background-color","yellow"); 

는 "안녕하세요 세계는"테스트 I를 작동하기 때문에 내 jquery 및 자산 파이프 라인이 올바르게 작동하는지 확인하고, 작동하지 않는 CSS 속성을 변경하는 것입니다. 이 문제를 해결할 수있는 방법이 있습니까? 또는 각 경우에 원하는 작업과 관련이 있습니까? 이것은 단지 예일 뿐이므로이 일은 제가 정말로 성취하고자하는 것이 아니며 여러분도 알 것입니다.

+0

DOMReady에서 jQuery 코드를 실행하고 있습니까? 그 시점에서'.test-test' div를 사용할 수 있습니까? 콘솔에 오류가 있습니까? –

+0

정확히 여기까지 쓴대로 실행하십시오. 나는 왜 그런 일이 일어나지 않을지 모르지만 그때는 다시 내 질문의 핵심이 될 것입니다. 그래서 대답 할 수 없습니다. 오류 없음. –

답변

1

자바 스크립트에서 배경색을 설정할 때 속성의 이름을 지정해야합니다.

"의 backgroundColor"

그래서

$ ("테스트 테스트.") CSS ("backgroundColor로", "노랑").;

대소 문자를 구별합니다.

+0

차이가 없습니다. 나는 w3schools에서 나의 예를 가져 왔고 나는 그것이 맞다고 생각한다. –

+0

그래,하지만 사용법 및 정의 섹션의 "javascript"구문에 대한 설명을 다시 한 번 확인하십시오.) 게시 한 코드가 제너 레이트 된 소스에서 반환되는 코드입니까? jquery 라이브러리가로드되어 있습니까? onDocument로드 기능을 설정하고 작동합니까? –

+0

화면에 경고 메시지를 표시 할 수 있기 때문에로드 된 것 같습니다. 마지막 질문이 무슨 의미인지 모르겠다. –

관련 문제