Javascript 我可以给这个jquery增加速度吗?
首先,你能看看我的结果吗 从这一点我决定,当你点击更多按钮,我希望它的动画缓慢,不确定我是否可以改变这一点,使之发生?我很乐意接受任何形式的推荐,非常感谢:)给你: 请记住,在这种情况下“.morecontent span”必须具有持久的高度,否则在下一次运行时,如果高度发生更改,则部分文本可能溢出其他元素,或者可能存在额外的空白。所以,如果高度改变,你必须重新计算它Javascript 我可以给这个jquery增加速度吗?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,首先,你能看看我的结果吗 从这一点我决定,当你点击更多按钮,我希望它的动画缓慢,不确定我是否可以改变这一点,使之发生?我很乐意接受任何形式的推荐,非常感谢:)给你: 请记住,在这种情况下“.morecontent span”必须具有持久的高度,否则在下一次运行时,如果高度发生更改,则部分文本可能溢出其他元素,或者可能存在额外的空白。所以,如果高度改变,你必须重新计算它 这不是一个问题,但是,你得到了相当公平的反对票。下次发帖前我会先咨询一下。另一个soloution,看起来更流畅; $('.m
这不是一个问题,但是,你得到了相当公平的反对票。下次发帖前我会先咨询一下。另一个soloution,看起来更流畅;
$('.more')。每个(函数(){
var content=$(this.html();
var height=$(this.height();
$(此).data('fullheight',height);
如果(content.length>showChar){
var c=content.substr(0,showChar);
var h=content.substr(showChar-1,content.length-showChar);
var html=c+''+ellipseText+''+h+'';
$(this).html(html);
var collapsedHeight=$(this).height();
$(此).data('smallheight',collapsedHeight);
}
});
$(“.morelink”)。单击(函数(){
var parentMore=$(this.parents('.more');
var more=$(此);
if(更多.hasClass(“更少”)){
动画制作({
高度:parentMore.data('smallheight')
},1000,函数(){
more.removeClass(“less”);
html(moretext);
});
}否则{
动画制作({
高度:parentMore.data('fullheight')
},1000,函数(){
more.addClass(“less”);
html(lesstext);
});
}
$('.more').each(function () {
var content = $(this).html();
var height = $(this).height();
$(this).data('fullheight', height);
if (content.length > showChar) {
var c = content.substr(0, showChar);
var h = content.substr(showChar - 1, content.length - showChar);
var html = c + '<span class="moreellipses">' + ellipsesText + ' </span><span class="morecontent"><span>' + h + '</span> <a href="" class="morelink">' + moretext + '</a></span>';
$(this).html(html);
var collapsedHeight = $(this).height();
$(this).data('smallheight', collapsedHeight);
}
});
$(".morelink").click(function () {
var parentMore = $(this).parents('.more');
var more = $(this);
if (more.hasClass("less")) {
parentMore.animate({
height: parentMore.data('smallheight')
}, 1000, function() {
more.removeClass("less");
more.html(moretext);
});
} else {
parentMore.animate({
height: parentMore.data('fullheight')
}, 1000, function() {
more.addClass("less");
more.html(lesstext);
});
}