Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/376.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否基于jQuery中的window.innerHeight包装内容?_Javascript_Jquery_Dom - Fatal编程技术网

Javascript 是否基于jQuery中的window.innerHeight包装内容?

Javascript 是否基于jQuery中的window.innerHeight包装内容?,javascript,jquery,dom,Javascript,Jquery,Dom,我的网站文本量很大,我想根据内容高度自动将其拆分,就像谷歌文档或word那样 所以我想我应该使用window.innerHeight来获得完整高度,并执行如下操作: $("content").ready(function(){ from(window.innerHeight == 1,window.innerHeight == 70%){ $(this).wrapInner('<div class="wrapper"> </div>').append('<

我的网站文本量很大,我想根据内容高度自动将其拆分,就像谷歌文档或word那样

所以我想我应该使用
window.innerHeight
来获得完整高度,并执行如下操作:

$("content").ready(function(){
 from(window.innerHeight == 1,window.innerHeight == 70%){
     $(this).wrapInner('<div class="wrapper"> </div>').append('<div class="endpage"></div>')
 }
 from($(".endpage").innerHeight, $(".endpage").innerHeight + 70%){
     $(this).wrapInner('<div class="wrapper"> </div>').append('<div class="endpage"></div>')
 }})

乱数假文
Lorem ipsum dolor sit amet,是一位杰出的献身者。这是两种不同的颜色。金樱子拍卖行。艾蒂安·塞德·迪亚姆广场。毛里斯·苏西皮特·托托·乌特·菲利斯·法雷特拉,埃吉特·塞姆佩尔·苏西皮特。佩伦茨克坐在阿梅特·莫利斯·努拉旁边。
圣康圭的万岁,身份证上的康茂德,阿利奎特·多洛。整数lobortis efficitur velit。Nam vehicula mattis lectus,位于malesuada mauris convallis elementum

  • Lorem ipsum dolor sit amet,是一位杰出的献身者。这是两种不同的颜色。金樱子拍卖行。艾蒂安·塞德·迪亚姆广场。毛里斯·苏西皮特·托托·乌特·菲利斯·法雷特拉,埃吉特·塞姆佩尔·苏西皮特。佩伦茨克坐在阿梅特·莫利斯·努拉旁边。 圣康圭的万岁,身份证上的康茂德,阿利奎特·多洛。整数lobortis efficitur velit。Nam vehicula mattis lectus,位于malesuada mauris convallis elementum
    • Lorem ipsum dolor sit amet,是一位杰出的献身者。这是两种不同的颜色。金樱子拍卖行。艾蒂安·塞德·迪亚姆广场。毛里斯·苏西皮特·托托·乌特·菲利斯·法雷特拉,埃吉特·塞姆佩尔·苏西皮特。佩伦茨克·希特·莫利斯 努拉。圣康圭的万岁,身份证上的康茂德,阿利奎特·多洛。整数lobortis efficitur velit。Nam vehicula mattis lectus,位于malesuada mauris convallis elementum
  • Lorem ipsum dolor sit amet,是一位杰出的献身者。这是两种不同的颜色。金樱子拍卖行。艾蒂安·塞德·迪亚姆广场。毛里斯·苏西皮特·托托·乌特·菲利斯·法雷特拉,埃吉特·塞姆佩尔·苏西皮特。佩伦茨克坐在阿梅特·莫利斯·努拉旁边。 圣康圭的万岁,身份证上的康茂德,阿利奎特·多洛。整数lobortis efficitur velit。Nam vehicula mattis lectus,位于malesuada mauris convallis elementum
    • Lorem ipsum dolor sit amet,是一位杰出的献身者。这是两种不同的颜色。金樱子拍卖行。艾蒂安·塞德·迪亚姆广场。毛里斯·苏西皮特·托托·乌特·菲利斯·法雷特拉,埃吉特·塞姆佩尔·苏西皮特。佩伦茨克·希特·莫利斯 努拉。圣康圭的万岁,身份证上的康茂德,阿利奎特·多洛。整数lobortis efficitur velit。Nam vehicula mattis lectus,位于malesuada mauris convallis elementum
  • Lorem ipsum dolor sit amet,是一位杰出的献身者。这是两种不同的颜色。金樱子拍卖行。艾蒂安·塞德·迪亚姆广场。毛里斯·苏西皮特·托托·乌特·菲利斯·法雷特拉,埃吉特·塞姆佩尔·苏西皮特。佩伦茨克坐在阿梅特·莫利斯·努拉旁边。 圣康圭的万岁,身份证上的康茂德,阿利奎特·多洛。整数lobortis efficitur velit。Nam vehicula mattis lectus,位于malesuada mauris convallis elementum
    • Lorem ipsum dolor sit amet,是一位杰出的献身者。这是两种不同的颜色。金樱子拍卖行。艾蒂安·塞德·迪亚姆广场。毛里斯·苏西皮特·托托·乌特·菲利斯·法雷特拉,埃吉特·塞姆佩尔·苏西皮特。佩伦茨克·希特·莫利斯 努拉。圣康圭的万岁,身份证上的康茂德,阿利奎特·多洛。整数lobortis efficitur velit。Nam vehicula mattis lectus,位于malesuada mauris convallis elementum

您可以尝试单独定义您的部分:

var wph = $(".wrapper").height(); //this could be window.innerHeight
if( wph > 50 ){
$(".wrapper").wrapInner("<div class='pager'></div>");
}

这有助于布局您的内容

将双引号替换为单引号:
'
首先。另外,你能为这个问题创建一个工作段吗?@MoshFeu我怎么能为我无法工作的问题创建一个工作段呢?我所说的工作段是指重现问题的一个工作段。如果我想调试它来帮助你,我必须自己创建一个类似的页面。如果你愿意帮助我们,我们将很容易帮助你:)什么“不起作用”?你期望发生什么事而没有发生?或者,你不希望发生的事情是什么?@MikeMcCaughan我需要它在.wrapper div中包装占屏幕70%的元素
var wph = $(".wrapper").height(); //this could be window.innerHeight
if( wph > 50 ){
$(".wrapper").wrapInner("<div class='pager'></div>");
}
$(".wrapper").text().length;