Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.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增加速度吗?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 我可以给这个jquery增加速度吗?

Javascript 我可以给这个jquery增加速度吗?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,首先,你能看看我的结果吗 从这一点我决定,当你点击更多按钮,我希望它的动画缓慢,不确定我是否可以改变这一点,使之发生?我很乐意接受任何形式的推荐,非常感谢:)给你: 请记住,在这种情况下“.morecontent span”必须具有持久的高度,否则在下一次运行时,如果高度发生更改,则部分文本可能溢出其他元素,或者可能存在额外的空白。所以,如果高度改变,你必须重新计算它 这不是一个问题,但是,你得到了相当公平的反对票。下次发帖前我会先咨询一下。另一个soloution,看起来更流畅; $('.m

首先,你能看看我的结果吗

从这一点我决定,当你点击更多按钮,我希望它的动画缓慢,不确定我是否可以改变这一点,使之发生?我很乐意接受任何形式的推荐,非常感谢:)

给你:

请记住,在这种情况下“.morecontent span”必须具有持久的高度,否则在下一次运行时,如果高度发生更改,则部分文本可能溢出其他元素,或者可能存在额外的空白。所以,如果高度改变,你必须重新计算它


这不是一个问题,但是,你得到了相当公平的反对票。下次发帖前我会先咨询一下。

另一个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 + '&nbsp;</span><span class="morecontent"><span>' + h + '</span>&nbsp;&nbsp;<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);
              });

        }