Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.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 MW小部件上的内容应该在第一次单击时展开,但会缩回_Javascript_Html_Widget_Mediawiki_Tumblr - Fatal编程技术网

Javascript MW小部件上的内容应该在第一次单击时展开,但会缩回

Javascript MW小部件上的内容应该在第一次单击时展开,但会缩回,javascript,html,widget,mediawiki,tumblr,Javascript,Html,Widget,Mediawiki,Tumblr,在过去的一周里,我一直在研究Dixwell档案,这是我的NaNoWriMo项目的语义维基。它的一部分是基于另一个堆栈溢出问题中提出的 当前代码: 函数增长{ var growDiv=document.getElementById'grow'; 如果增长的话,增加的重量{ growDiv.style.height=0; }否则{ var wrapper=document.querySelector'.measuringWrapper'; growDiv.style.height=wrapper.c

在过去的一周里,我一直在研究Dixwell档案,这是我的NaNoWriMo项目的语义维基。它的一部分是基于另一个堆栈溢出问题中提出的

当前代码:

函数增长{ var growDiv=document.getElementById'grow'; 如果增长的话,增加的重量{ growDiv.style.height=0; }否则{ var wrapper=document.querySelector'.measuringWrapper'; growDiv.style.height=wrapper.clientHeight+px; } document.getElementByIdmore按钮。value=document.getElementByIdmore按钮。value=='More'?'Less':'More'; } 三柱{ -moz列数:3; -moz柱间距:20px; -webkit列数:3; -webkit柱间隙:20px; } div iframe{width:100%} 更多按钮{边框样式:无;背景:无;字体大小:16px;字体系列:Merriweather;字体重量:粗体;颜色:蓝色;边距:0 10px 0;} 增长输入:选中{color:red;} 更多按钮:悬停{颜色:黑色;} 成长{ -moz过渡:高度1.5s; -ms转换:高度1.5s; -o型过渡:高度1.5s; -webkit过渡:高度1.5s; 过渡段:高度1.5s; 高度:800px; 溢出:隐藏; } Tumblr上的最新帖子 千万不要错过一个帖子技术支持 一切都会按计划进行,除了一件小事:第一次单击“更多”时,文本区域会缩小并隐藏帖子。只有在下一次点击时,我才能看到所有的帖子;第三次单击,它会隐藏所有内容。相反,它们应该向下显示其余的内容,并在下一次单击时返回到原始的800px高度

基本上,我想要的是:

↓ 800像素以上→ 少于100%→ 超过800像素

不是

↓ 800像素以上→ 更多0→ 少于100%

目前,在我找到解决方案之前,我将保留进一步的编辑。有人吗

另外,如果你想在档案的沙箱中测试这一点,你必须等待一段时间:在撰写本文时,Referata的服务器处于减速模式。编辑时要使用的代码:


{{widget:tumblr}

好吧,这就是你编程让它工作的方式。在代码的顶部,您有:

如果增长的话,增加的重量{ growDiv.style.height=0; }否则{ var wrapper=document.querySelector'.measuringWrapper'; growDiv.style.height=wrapper.clientHeight+px; } 在if语句中,您正在检查growDiv.clientHeight。如果它不是零,因此为真,则将元素的高度设置为零,否则将其设置为等于.measuringWrapper div的高度


现在,您可以简单地用(比如)if growtiv.clientHeight>800替换条件,如果条件为真,则将高度设置为800px而不是0。但是,如果测量包装的高度小于800 px,这将以一种有趣的方式表现出来,因此您可能希望首先检查它,并将其视为一种特殊情况—可能会完全禁用和隐藏按钮。

好吧,这就是您编程使其工作的方式。更像是:这是我在叠前所能做的。变得很累;我明天会检查它。今天测试了一下。按钮不动了,我被以前的代码卡住了。刚刚记住:我使用的是“展开/折叠”按钮作为模型。尽管我正试图让你明白…还有很多事要做,先生。但正如我在代码中指定的,更多的部分应该在底部,而不是顶部。就在此时,我在档案中对其进行了预览测试,在我自己进行了一些修复之后,基本代码正式就位。太感谢你了,伙计!没问题。如果答案是有用的,请考虑点击它旁边的复选标记。这会把你的问题标记为已回答,顺便给我们两个一点机会。