使用jquery函數在td中插入圖像html（）

我想用html（）JQuery函數插入圖像到td行（請參閱http://jsfiddle.net/R5q68/）。使用jquery函數在td中插入圖像html（）

問題是圖像不顯示。當我分析我的td時，似乎沒有斜線來關閉img標籤。

我使用symfony2和資產，這就是爲什麼我的圖像鏈接是這樣的。

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

來源

2012-12-07 Miloš

我已經找到了解決辦法：我不得不創建一個全局JavaScript 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，根本不是，你在說什麼全局變量？或者，也許我還沒有理解你的答案... –

用「image_src」替換「arrow_down」... –

。你不能因爲雖然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建立你的字符串作爲

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

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

和你的symfony執行（即不這樣做在jsfiddle），那麼它應該工作。

來源

2012-12-07 16:10:19

謝謝，有趣的一點。那麼，我怎麼能在那裏顯示一個圖像。把它作爲隱藏，然後改變可見性？ –

@ jenson-button-event對不起？ –

@dystroy，但你的解決方案與JS變量正是我所做的不是？ –

-1

檢查烏爾圖像路徑和嘗試這個辦法：

 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（）

回答

相關問題