Javascript 有人帮我确定错误吗?
我已经创建了下面的代码用于任何帖子。它被添加到页面和类似页面中。它的功能是在按下按钮时显示隐藏的语音,同时更改按钮名称,反之亦然,但它不能正常工作 HTML代码:Javascript 有人帮我确定错误吗?,javascript,html,jquery,css,Javascript,Html,Jquery,Css,我已经创建了下面的代码用于任何帖子。它被添加到页面和类似页面中。它的功能是在按下按钮时显示隐藏的语音,同时更改按钮名称,反之亦然,但它不能正常工作 HTML代码: <h3 class="h1"> Event Name </h3> <p> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Omn
<h3 class="h1">
Event Name
</h3>
<p> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Omnis itaque, perferendis
nesciunt eum quidem hic delectus,
<span id="dots" class="dots">...</span>
<span id="more" class="more">Lorem ipsum dolor sit amet consectetur
adipisicing elit. Repudiandae dolore </span>
<button type="button" class="btn btn-outline-light read " id="read">Read
more</button>
<!--Chang button-->
</p>
第二种方法是在按下按钮时向按钮添加一个数字,然后从另一个数字中减去该数字,但它只适用于页面上的一篇文章,我希望它适用于同一页面上的无限多篇文章以及放置其HTML的所有页面
HTML代码:
<div id="demo">
<button class="like">
<i class="fa fa-heart" aria-hidden="true" onclick="clicking();"> Like</i>
<span id="slike">0</span>
</button>
<button class="dislike">
<i class="fas fa-heart-broken" aria-hidden="true" class="dislikes"
onclick="clicking();"> Dislike</i>
<span id="dlike">0</span>
</button>
</div>
第一个问题
...
} else
$(this).html('Read Less').addClass('active');
$(this).parent().find('.more').slideDown("slow");
...
应该是
...
} else {
$(this).html('Read Less').addClass('active');
$(this).parent().find('.more').slideDown("slow");
}
...
关于第二个问题,请看这个
//类似和不同启动按钮
var global_like=15;
var global_=3;
var计数器类=0;
var计数器=0;
$(文档).ready(函数(){
秀出你喜欢的样子;
$('.like')。在('click',函数(){
类计数器=(类计数器+1)%2;
计数器=0;
秀出你喜欢的样子;
});
$('.dislike')。在('click',函数(){
类计数器=0;
计数器不喜欢=(计数器不喜欢+1)%2;
秀出你喜欢的样子;
});
//类似和不同的结束按钮
});
函数show_like(){
$('slike').text(全局类+计数器类);
$('dlike').text(全局不喜欢+计数器不喜欢);
}
喜欢
0
不喜欢
0
一个问题,一个问题。参考:谢谢你的回答,我解决了第一个问题,但是第二个问题没有找到解决方案,而且上面的解决方案不起作用,所以我将代码完全上传到此链接()。代码只适用于第一篇文章,我希望它适用于所有人,如果可能的话,我希望能得到帮助,谢谢you@Billa不明确的业务规则使一些规则仅适用于一个用户的界面,并且可以通过添加所有负数和绝对值来扩展社交媒体项目竖起大拇指的数字。
...
} else
$(this).html('Read Less').addClass('active');
$(this).parent().find('.more').slideDown("slow");
...
...
} else {
$(this).html('Read Less').addClass('active');
$(this).parent().find('.more').slideDown("slow");
}
...