單擊按鈕後加載內部div

我有一個隱形div display: none。單擊按鈕後加載內部div

我需要加載div後點擊按鈕，而不是OnPageLoad。

注意：

我說以後LOAD格點擊按鈕，我不是在談論SHOW格。

我不想在加載頁面時加載div。

HTML是在這裏：

<input id="btn" type="button" value="Load Div" /> 
<div class="content" style="display: none;"> 
    <img src="http://www.kippaxvet.com.au/Portals/kippaxvet/cute%20pup.jpg" /> 
</div>

我怎樣才能做到這一點？

任何想法，將不勝感激。

編輯 {更多信息}：

我有很多元素和圖像中有一個div。

如果我加載onPageLoad這個div它非常沉重，需要很長時間。

我只需要加載 div當用戶想要顯示它。

來源

2013-07-01 Hamed Kamrava

你可以考慮創建JavaScript的一個div，並補充說，到DOM。 'document.createElement（'div'）' –

@RickHoving'img'和div內的所有內容呢？ –

我沒有看到你想添加一個元素而不是僅僅顯示它的用例。你能解釋一下爲什麼你選擇用這種方法來解決問題嗎？ – Undefined

試試這個：

<input id="btn" type="button" value="Load Div" onclick="load()"/> 

function load() 
{ 
    var imgDiv = document.createElement('div'); 
    $(imgDiv).addClass('content'); 
    $(imgDiv).append('<img id="dynamicImg" src="http://www.kippaxvet.com.au/Portals/kippaxvet/cute%20pup.jpg" />') 
    // add the imgDiv to your parent container element. 
    // for e.g. $("#container").append(imgDiv) 
}

的jsfiddle：http://jsfiddle.net/vendettamit/QB8Hv/

來源

2013-07-01 11:17:34 vendettamit

單擊按鈕後加載內部div

回答

相關問題