2013-10-29 4 views
1

내가 동적으로 항목 아래에 생성 표시되지 elem.Alias ​​+ '-StatusImg')가 표시되지 않습니다. 어떤 아이디어?배경 이미지는

+3

이 발견되는 요소를 가정하여 자바 스크립트와 특별히 아무 문제가없고 이미지의 URL이 정확합니다. 콘솔에서'$ ('#'+ elem.Alias ​​+ '-StatusImg'). 길이를 시도해보십시오. '1'이어야합니다. –

+0

@RoryMcCrossan 나는 당신이 말한 것을 시도했다. 콘솔 출력은 1이지만 배경 이미지가 표시되지 않습니다. – user1624552

답변

1

배경의 CSS 규칙에 url(x)을 지정해야합니다. 이 시도 :

$('#' + elem.Alias + '-StatusImg').css("background-image", 'url("@Url.Content("~/images/ongoing.gif")")'); 

또는이 :

var newItem = '<div title="' + elem.IP + '" id="' + elem.Alias + '-Status" class="elementStatus"><div class="image" id="' + elem.Alias + '-StatusImg" style="height:40px; background-image: url(@Url.Content("~/images/ongoing.gif))"></div><div id="' + elem.Alias + '-StatusTxt" class="text">Waiting...</div></div>'; 

Example fiddle

+0

그것은 매력처럼 작동하지만 한 가지 경우를 제외하고는 : initialy 배경 이미지를 첫 번째 옵션으로 설정 한 다음 특정 시점에 아약스 호출을 수행하고 호출이 정상적으로 돌아 오면 배경 이미지를 다시 업데이트해야합니다. 첫 번째 옵션을 다시 사용하십시오. 그러나이 마지막 경우에는 작동하지 않습니다. 어떤 아이디어입니까? (아마도 다른 스레드를 여는 것이 더 낫겠습니까?) – user1624552

+0

아마 같은 코드 행을 다시 사용할 수는 없지만 다른 스레드에 더 좋을 것입니다. 새로운 질문에 AJAX 코드를 포함시켜야합니다. –

+0

나는 몇 시간 전에 또 다른 스레드를 게시했다. 배경 이미지 대신 img를 사용하고 있는데이 문제가있었습니다. 따라서 div를 사용하여 배경 이미지를 사용하기로 결정했는데 같은 문제가 계속 발생합니다. 아래 스레드를 참조하십시오 : http://stackoverflow.com/questions/19658935/image-not-loading-during-heavy-process-ongoing setImgTestPassed/Failed 이제 당신이 첫 번째 옵션에서 말한 라인을 가지고 유의하십시오. – user1624552