jquery - 使用 jQuery 加载更多（无 AJAX/PHP）

Question

使用 jQuery（无 AJAX/PHP）伪造负载效果很好，但我想知道的是：有没有办法在 .item onclick 中隐藏 .item 类负载，以便数据不是全部即使隐藏也已加载。所以不是 .hide 它的 .load 什么的。我的知识有限。谢谢您的帮助。

Answer 1

只有两种方法：

1）加载您需要的所有数据，使用CSS隐藏，然后根据要求在交互时显示。

2) 第二种选择是进行 AJAX 调用。

这两种选择都很常见，具体取决于您的要求。

Answer 2

您可以使用 Javascript 和简单的 HTML 来完成。

<script language="javascript">
function show(more){if(document.getElementById(more).style.display == 'none'){document.getElementById(more).style.display = 'block';}else{document.getElementById(more).style.display = 'none';}}
</script>

HTML

<p>Display Text <br/>
<a onclick="show('more');" title="Read More" href="#">Load More</a>
<div id="more" style="display: none">Hidden Text</div></p>

演示：http: //jsfiddle.net/SJAQh/