jQuery 함수를 사용하여 td에 이미지 삽입하기 html()

html() JQuery 함수 (http://jsfiddle.net/R5q68/ 참조)를 사용하여 이미지를 TD 행에 삽입하려고합니다.jQuery 함수를 사용하여 td에 이미지 삽입하기 html()

문제는 이미지가 표시되지 않는다는 것입니다. 내 TD를 분석 할 때 img 태그를 닫을 슬래시가없는 것 같습니다.

심포니 2와 자산을 사용하고 있습니다. 그래서 내 이미지 링크가 그런 것입니다.

<img src="{{ asset('bundles/sciforumversion2/images/design/new/submission/element_up.png') }}"/>

출처

2012-12-07 Miloš

나는 해결책을 발견 : 나 이미지 경로와 글로벌 자바 스크립트 varialble 만들어야했습니다 :

<script> 
    var arrow_down = "{{ asset('bundles/mybundle/images/menu_down.png') }}"; 
</script>

을 그리고이 경로 이미지 자산을 설정할 수있었습니다.

goes_down_td.html('<img src="'+arrow_down+'"/>');

그리고 완료되었습니다. 즐겨.

출처

2012-12-10 13:48:05

내 답변에서 제안한 것이 아닙니까? –

@dystroy, 전혀 아님, 전역 변수에 관해 말하는 곳은 어디입니까?또는 어쩌면 나는 당신의 대답을 이해하지 못했습니다 ... –

"arrow_down"을 "image_src"로 바꾸십시오 ... –

당신은 symfony2 서버 측을 실행하는 동안 JQuery와 클라이언트 측 실행되기 때문에 jQuery를 사용하여 이러한 문자열을 만들 수 없습니다.

문자열 "{{ asset('bundles/scif..."은 서버에 의해 해석되어야하지만 jQuery를 실행하는 것은 너무 늦습니다. 자산 템플릿 클라이언트 측은 빌드 할 수 없습니다. 당신이 할 수있는 일

어떤 표준 HTML 삽입 할 수 있습니다 :

td.html('<img src=http://dystroy.org/re7210/img/tartare-saumon-creme-salade-harengs-pommes-de-terre-800.jpg">');

을하지만

var image_src = "{{asset('bundles/sciforumversion2/images/design/new/submission/element_up.png')}}"; 

td.html('<img src="'+image_src+'">');

로 간단한 VAR에 문자열을 구축하고 심포니 실행 한 경우 (즉,이 일을하지 jsfiddle에서) 작동해야합니다.

출처

2012-12-07 16:10:19

감사합니다. 재미있는 지적입니다. 그러면 어떻게 그곳에 이미지를 표시 할 수 있을까요? 숨겨진 상태로두고 가시성을 변경 하시겠습니까? –

@ jenson-button-event 죄송합니다. –

@dystroy,하지만 js 변수가있는 솔루션은 정확히 내가 싫어하는 것입니까? –

-1

체크 통해 UR 이미지 경로 이 시도 :

 var td = $('#test'); 
    img_src= '<img src="../bundles/sciforumversion2/images/design/new/submission/element_up.png" id="td_img" />; 
    td.innerhtml(img_src);

출처

2012-12-07 16:17:35

jQuery 함수를 사용하여 td에 이미지 삽입하기 html()

답변

관련 문제