Question

display: none我有一个不可见的div。

我需要在点击按钮后加载div，而不是OnPageLoad。

注意：

我在点击按钮后说 LOAD div，我不是在谈论 SHOW div。

我不想在页面加载时加载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。

Answer 1

试试这个：

<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/

单击按钮后加载内部div

1 个答案: