Javascript 如何禁用使用jQuery加载Div?
我想做的是让我的网站显示10篇文章,然后询问用户是否想加载“下一页”。我想让这个“下一页”按钮在用户单击时加载内容 我希望div完全不加载的原因是为了提高网站速度。如果我的网站点击了100篇帖子,即使我只使用了一个简单的Javascript 如何禁用使用jQuery加载Div?,javascript,jquery,html,Javascript,Jquery,Html,我想做的是让我的网站显示10篇文章,然后询问用户是否想加载“下一页”。我想让这个“下一页”按钮在用户单击时加载内容 我希望div完全不加载的原因是为了提高网站速度。如果我的网站点击了100篇帖子,即使我只使用了一个简单的.hide()功能之类的,那么网站仍然需要花费时间来加载网站隐藏的90篇文章 是的,我确实意识到,如果我担心页面性能,我可以在每次发布10篇文章时创建新页面,但这似乎需要很多时间,而且非常混乱,因为它无法正常工作,或者会出现问题。你不能。如果它在HTML文档中,那么它将被发送到浏
.hide()代码>功能之类的,那么网站仍然需要花费时间来加载网站隐藏的90篇文章
是的,我确实意识到,如果我担心页面性能,我可以在每次发布10篇文章时创建新页面,但这似乎需要很多时间,而且非常混乱,因为它无法正常工作,或者会出现问题。你不能。如果它在HTML文档中,那么它将被发送到浏览器。到那时再阻止它加载就太晚了
阻止加载div内容的唯一方法是,首先不要让div出现在文档中,然后从服务器获取更多数据(这通常是通过JavaScript链接到下一页来实现的,可以选择逐步增强功能,用Ajax加载额外的数据)。你不能这样做。如果它在HTML文档中,那么它将被发送到浏览器。到那时再阻止它加载就太晚了
阻止加载div内容的唯一方法是,首先不要让div出现在文档中,然后从服务器获取更多数据(这通常是通过JavaScript链接到下一页来实现的,可以选择使用JavaScript逐步增强功能,用Ajax加载额外的数据).您需要使用一个XHR或Ajax请求来获取接下来的10篇文章,这样做比隐藏它们并根据需要激活它们要好得多,因为即使您将其隐藏,浏览器也必须下载内容
您应该从显示几篇文章开始,然后使用XHR/Ajax根据需要加载更多文章
jQuery提供了一些简单的.ajax
函数,可以帮助您根据需要检索数据 您需要使用一个XHR或Ajax请求来获取接下来的10篇文章,这样做比隐藏它们并根据需要激活它们要好得多,因为即使您将其隐藏,浏览器仍然需要下载内容
您应该从显示几篇文章开始,然后使用XHR/Ajax根据需要加载更多文章
jQuery提供了一些简单的.ajax
函数,可以帮助您根据需要检索数据 AJAX是您的最佳选择
根据您的需要,您可以采用两种方式:
让AJAX在用户单击按钮后立即加载更多帖子
一旦页面加载(jqready函数),您就可以启动一个AJAX调用来获取10篇文章,然后将它们打印到DOM隐藏元素中,或者将它们保存在某个变量中以供以后使用。成功恢复帖子(AJAX.success())后,可以再次调用AJAX函数并再次运行它,并使其重复此过程,直到缓存显示。。。在一个变量中发布100篇文章或在DOM元素中打印它
AJAX是您最好的选择
根据您的需要,您可以采用两种方式:
让AJAX在用户单击按钮后立即加载更多帖子
一旦页面加载(jqready函数),您就可以启动一个AJAX调用来获取10篇文章,然后将它们打印到DOM隐藏元素中,或者将它们保存在某个变量中以供以后使用。成功恢复帖子(AJAX.success())后,可以再次调用AJAX函数并再次运行它,并使其重复此过程,直到缓存显示。。。在一个变量中发布100篇文章或在DOM元素中打印它
您可以在用户每次单击按钮时执行一次查询,并使用jquery将结果附加到页面上的最后一个div
$( ".container" ).append( $( "div" ) );
如果您想创建一个不会一次加载所有内容且不会让用户单击按钮的页面,可以使用lazyloading
它是为加载图像而开发的,但也可以用于加载div。看
当用户向下滚动时,以及当他们导航到另一个页面然后返回时,这两种方法都有效,它将只加载可见页面的一部分。这意味着,如果它们位于底部,并向上滚动,它将重新加载上面的div。用户每次单击按钮时,您都可以使用jquery将结果附加到页面上的最后一个div
$( ".container" ).append( $( "div" ) );
如果您想创建一个不会一次加载所有内容且不会让用户单击按钮的页面,可以使用lazyloading
它是为加载图像而开发的,但也可以用于加载div。看
当用户向下滚动时,以及当他们导航到另一个页面然后返回时,这两种方法都有效,它将只加载可见页面的一部分。这意味着,如果它们位于底部,并向上滚动,它将重新加载上面的div。我不是这方面的专家,但根据您从何处提取这些帖子,它们应该有一个api,允许您一次只提取x个帖子,然后当您单击“加载更多”时,它将加载更多帖子。我听说AJAX在这方面也很好,但是我没有太多的经验,但是如果你用google AJAX加载更多的内容,我相信你会得到一些结果,这些结果可能会为你指明正确的方向。我不是这方面的专家,但这取决于你从哪里获得这些帖子,他们应该有一个api,允许您一次只拉入x数量的帖子,然后当您单击“加载更多”按钮时,它将加载更多帖子。我听说AJAX在这方面也很好,但是我没有太多的经验,但是如果你在google上加载更多的AJAX,我相信你会得到一些结果,这些结果可能会为你指明正确的方向