Question

I m试图用 j子书写一个快速功能,在html页上计算str子的脂重,然后将胎体分类,直到达到理想的粉碎。

但是,它没有工作(案文没有规定)。

这里,我有:

    function constrain(text, original, ideal_width){

    var temp_item = ( <span class="temp_item" style="display:none;"> + text + </span> );
    $(temp_item).appendTo( body );
    var item_width = $( span.temp_item ).width();
    var ideal = parseInt(ideal_width);
    var smaller_text = text;

    while (item_width > ideal) {
        smaller_text = smaller_text.substr(0, (smaller_text-1));
        $( .temp_item ).html(text);
        item_width = $( span.temp_item ).width();
    }

    var final_length = smaller_text.length;

    if (final_length != original) {
        return (smaller_text +  &hellip; );
    } else {
        return text;
    }
}

这里是我从这个网页上说话的:

    $( .service_link span:odd ).each(function(){
    var item_text = $(this).text();
    var original_length = item_text.length;
    var constrained = constrain(item_text, original_length,175);
    $(this).html(constrained);
});

任何关于我做什么错误的想法? 如果能够更快地做到这一点,那也是巨大的。

感谢!

Answer 1

为什么不只使用特别安全局来具体说明你将这一描述重新引入的要素的宽度? 您可使用text-over向浏览器说明其应当用斜线进行分类。

.truncated { display:inline-block; max-width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

<代码>text-over is a CSS3 declaration, but is support in IE 6+, WebKit 312.3+ (Safari 1.3+/Chrome), andope 9+ (versions < 10.7 need the -o-text-over.

请注意,直至7月,和 4% 用户仍在使用旧版本(最常数为3.6)。你的文本仍将在旧的版本中封顶,只有一只字眼。如果你对这一小用户群体表示担忧,你可使用 ,即IE/WebKit/Opera/Firefox ≥ 7,但将仿效text-overflow in Firefox 6。

Answer 2

就此:

smaller_text = Small_text.substr(0, (smaller_text-1));

页: 1

smaller_text = Small_text.substr(0, (smaller_text.length-1));

这是否解决这个问题?

Answer 3

我感谢我的工作——但是它只是就第一个项目开展工作和停止工作,这是否与我宣布变量的方式有关?

现行法典:

    function constrain(text, original, ideal_width){

    var temp_item = ( <span class="temp_item" style="display:none;"> + text + </span> );
    $(temp_item).appendTo( body );
    var item_width = $( span.temp_item ).width();
    var ideal = parseInt(ideal_width);
    var smaller_text = text;

    while (item_width > ideal) {
        smaller_text = smaller_text.substr(0, (smaller_text.length-1));
        $( .temp_item ).html(smaller_text);
        item_width = $( span.temp_item ).width();
    }

    var final_length = smaller_text.length;

    if (final_length != original) {
        return (smaller_text +  &hellip; );
    } else {
        return text;
    }
}

Answer 4

这项职能通过文字检查,以图象为理想的“宽度”和 c的类别名称。如果理想的“宽度”低于案文,它就拖了它,并用其他方式增加了头盔,那么案文就没有修改。简单易懂!

function constrain(text, ideal_width, className){

    var temp_item = ( <span class=" +className+ _hide" style="display:none;"> + text + </span> );
    $(temp_item).appendTo( body );
    var item_width = $( span. +className+ _hide ).width();
    var ideal = parseInt(ideal_width);
    var smaller_text = text;

    if (item_width>ideal_width){
        while (item_width > ideal) {
            smaller_text = smaller_text.substr(0, (smaller_text.length-1));
            $( . +className+ _hide ).html(smaller_text);
            item_width = $( span. +className+ _hide ).width();
        }
        smaller_text = smaller_text +  &hellip; 
    }
    $( span. +className+ _hide ).remove();
    return smaller_text;
}

Answer 5

如果你有案文,并知道你想要的大小,那么为什么不只使用斜线?

我也做了类似的事情。

$( #history-1 ).text( $( #history-1 ).text().trim().substr(0,32) + "..." )

友情链接