2012-12-22 5 views
0

파일을 드래그 할 때 div의 배경색을 변경하는 스크립트가 있습니다.하지만 배경 이미지가 변경되도록 변경하고 싶습니다. '배경 이미지 변경 jquery

여기 제가 지금까지 작업해야하는 코드가 있습니다.

function dragover(e) 
{ 
    e.stopPropagation(); 
    e.preventDefault(); 

f('.dropable').css({ 
    backgroundColor : 'rgb(51, 51, 51)', 
    border : 0, 
}); 

}

나는 시도했다, 그러나 작동하지 않았다.

function dragover(e) 
{ 
e.stopPropagation(); 
e.preventDefault(); 

f('.dropable').css({ 
    backgroundColor : 'rgb(51, 51, 51)', 
    border : 0, 
    backgroundImage','url(uploadimg.png) 
}); 
} 
+0

backgroundImage 뒤에 쉼표가 2 개 추가되었습니다. –

답변

1

당신은 클래스 명 (예를 들어, dragover)와 .addClass()의 조합을 사용할 수 있습니다.

​.dragover { 
    background-color : rgb(51, 51, 51); 
    border: 0; 
    background-image: url(uploadimg.png); 
}​ 

var dragover = function(e) { 
    e.stopPropagation(); 
    e.preventDefault(); 
    f(".dropable").addClass("dragover"); 
}​ 

당신이 f(...)을 사용하는 이유를 잘 모르겠지만, 그대로 나는 그것을 떠났다. 일반적으로 $(...)을 사용합니다.


만약 당신이 아직 가고 싶다면 .css()입니다. 다음 구문을 사용하면됩니다.

var dragover = function(e) { 
    e.stopPropagation(); 
    e.preventDefault(); 
    f(".dropable").css({ 
     backgroundColor: "rgb(51, 51, 51)", 
     border: 0, 
     backgroundImage: "url(uploadimg.png)" 
    }); 
}