如何只在点击时加载div而不是在页面加载时加载?

时间:2015-02-12 13:13:33

标签: javascript jquery html

任何人都可以帮我在脚本页面中大声说出我的问题。我正在开发显示财产的网站。我想知道如何在页面加载时阻止加载div,并且内容应该只显示并在点击按钮时加载。让我在下面解释一下。

<button id="loader" onclick="loaddiv(#items)" value="View Content">

 这使用API​​从外部服务器加载数据。它有很多数据和图像。

请帮忙。

1 个答案:

答案 0 :(得分:0)

当页面加载时,DIV本身不应该有任何内容,所以只需要一个带有ID标签的空div。

你有&#34; loaddiv(#items)&#34; ......这是无效的,反正是#部分...尝试&#34; loaddiv(&#39;#items&#39;)&#34;使它成为jquery可以处理的字符串。

一旦页面加载完毕,你就可以使用jquery和get / post。

<div id='items'><!-- i'm empty for now --></div>
<button id="loader" onclick="loaddiv('#items')" value="View Content">

<script>
function loaddiv(sID) {
  $.get( "ajax/test.html", function( data ) {
    $(sID).html( data );

  });
}
</script>