【问题标题】:How do i paginate long articles from the client side using javascript or jquery我如何使用 javascript 或 jquery 从客户端对长文章进行分页
【发布时间】:2017-06-02 19:38:07
【问题描述】:

我正在尝试想出一种方法,使用 Jquery 或 Javascript 从客户端平滑地对文章进行分页,以便可以将长文章视为多个页面。

我需要它来根据页面大小拆分内容,甚至将句子和 div 分成不同的页面(如果需要)。

我需要它来处理 iframe、图像、列表项、表格和视频

我真的希望有人能尽快帮助我,因为我已经尝试了几个月来尝试解决这种情况。

如果有人需要更多说明,请询问

谢谢

【问题讨论】:

  • 只是我的 2cents:不要这样做,按渲染内容的大小进行分页是一件令人头疼的事情,而且充满了 gremlins - 例如。延迟加载内容/等待然后调整大小、调整窗口大小等 - 如果内容已经可用,为什么要通过向用户隐藏内容来惹恼用户?
  • 如果没有您尝试过的代码,则不应发布此问题。由于很多原因,使用 JavaScript 对文章进行分页可能不是一个好主意!
  • 我使用了一个名为 textpager 的插件,甚至一个名为 textify 的插件,但两者似乎都失败了我的原因 $('#longText2') .textify({ numberOfColumn: 1, margin: 20, padding: 15,宽度:“自动”,高度:“自动”,showNavigation:true,textAlign:'justify'})
  • @AJS 但问题是我正在尝试对文本进行分页,而不是列表或目录

标签: javascript jquery html css pagination


【解决方案1】:

您需要使用 Ajax 来执行此操作。

一个非常简单的方法是:

HTML

<div id="container"></div>
<button id="loadmore">Load More!</button>

jQuery / Ajax

var i = 1;
$("#loadmore").click(function(){ // on load more button click
    $.ajax({
        url: "datagrab.php", // get data from backend
        method: "post",
        data: {section: i} // which section to grab data from (ie: 1 = the first 200 characters; 2 = from the 200th character to the 400th e.t.c...)
        success: function(data){
            $("#container").append(data); // append data to #container
            i++;
        }, 
        error: function(){
            alert("There was a problem!");
        }
    });
});

显然,这是一个非常基本的方法,但是,根据你给我的“信息”,这就是我真正能提供的一切..

如果您想了解有关如何执行此操作的更多信息,请观看一些关于使用 Ajax 进行分页的 YouTube 视频。

【讨论】:

  • 哦,我忘了说,我是为 VisualForce 做的,所以我不能使用 PHP,否则我会尝试的
  • @JubinJames 同类型的方法伙伴。只需要改变几个值。我只使用 PHP 因为它是大多数人使用的。
猜你喜欢
  • 2020-07-30
  • 2013-12-14
  • 1970-01-01
  • 2012-10-26
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-10-12
  • 1970-01-01
相关资源
最近更新 更多