Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/421.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.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 单击触发按钮不在“读取更多”和“读取更少”按钮中工作_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 单击触发按钮不在“读取更多”和“读取更少”按钮中工作

Javascript 单击触发按钮不在“读取更多”和“读取更少”按钮中工作,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试使“阅读更多”和“阅读更少”按钮。一切都很正常,我总共有4个分区,其中字符是有限的,字符也是有限的,甚至按钮都工作得很好,问题是按钮在某些分区工作,而在某些分区不工作,我不明白是什么问题 函数限制字符(){ $('.limit characters')。每个(函数(){ var元素=$(此); //变量元素=$('.limit characters'); var elementHtml=element.html(); element.prepend(elementHtml); 元素。

我正在尝试使“阅读更多”和“阅读更少”按钮。一切都很正常,我总共有4个分区,其中字符是有限的,字符也是有限的,甚至按钮都工作得很好,问题是按钮在某些分区工作,而在某些分区不工作,我不明白是什么问题

函数限制字符(){
$('.limit characters')。每个(函数(){
var元素=$(此);
//变量元素=$('.limit characters');
var elementHtml=element.html();
element.prepend(elementHtml);
元素。查找(“p:第一”)。添加类别(“有限”);
元素find(“p:last”).addClass(“无限隐藏元素”);
var limitedElement=element.find('.limited');
var limitedElementString=limitedElement.text();
var subStringedString=limitedElementString.substring(0500);
html(subStringedString);
var buttonElement='';
元素。追加(按钮元素);
var按钮=$(“.actionButton”);
按钮。单击(功能(e){
$(this.parent().find(“.unlimited”).toggleClass(“隐藏元素”);
$(this.parent().find(“.limited”).toggleClass(“隐藏元素”);
$(this.toggleClass(“少读”);
if($(this).hasClass(“少读”)){
$(this.html(“少读”);
}否则{
$(this.html(“阅读更多”);
}
e、 预防默认值();
});
});
}
.hide元素{
显示:无;
}


在尼泊尔度过了我一生中最美好的时光。祝大家过得愉快,希望下次假期能再次见到你们,我保证会把假期延长,留下最美好的回忆。在尼泊尔度过了我一生中最美好的日子。祝大家过得愉快,希望下次假期能再次见到你们,我保证会把假期延长,留下最美好的回忆。在尼泊尔度过了我一生中最美好的日子。祝大家过得愉快,希望下次假期能再次见到你们,我保证会把假期延长,留下最美好的回忆。在尼泊尔度过了我一生中最美好的日子。祝大家过得愉快,希望在我的下一个假期里能再次见到你们,我保证会把假期延长,留下美好的回忆。


问题出在
var-button=$(“.actionButton”)
,您应该选择
元素
中的
.action按钮

var-button=element.find(“.actionButton”)