使用jQuery加载更多(没有AJAX / PHP)

时间:2013-01-15 11:14:21

标签: jquery html css

使用jQuery(没有AJAX / PHP)伪装更多的东西效果很好,但我想知道的是: 有没有办法在.item onclick中隐藏.item类加载,以便即使数据被隐藏也不会全部加载。所以不要.hide它的.load或其他东西。我的知识有限。谢谢你的帮助。

2 个答案:

答案 0 :(得分:1)

只有两种方法:

1)加载您需要的所有数据,使用CSS隐藏,然后根据需要显示交互。

2)第二个选项是进行AJAX调用。

这两个选项都很常见,取决于您的要求是什么。

答案 1 :(得分:0)

您可以使用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/