方向:rtl用javascript

时间:2011-05-17 10:55:05

标签: javascript css ellipsis

我正在使用以下JS来模仿Firfox的省略号。一切正常,但我需要改变文本的方向,因此省略号位于文本的开头而不是文本的末尾。

有谁知道如何将此功能添加到下面的代码

提前致谢

(function($) {




$.fn.ellipsis = function(enableUpdating){
    var s = document.documentElement.style;
    if (!('textOverflow' in s || 'OTextOverflow' in s)) {
        return this.each(function(){
            var el = $(this);
            if(el.css("overflow") == "hidden"){

                var originalText = el.html();
                var w = el.width();

                var t = $(this.cloneNode(true)).hide().css({


                    'position': 'absolute',
                    'width': 'auto',
                    'overflow': 'visible',
                    'max-width': 'inherit'
                });
                el.after(t);

                var text = originalText;
                while(text.length > 0 && t.width() > el.width()){
                    text = text.substr(0, text.length - 1);
                    t.html(text + "...");
                }
                el.html(t.html());

                t.remove();

                if(enableUpdating == true){
                    var oldW = el.width();
                    setInterval(function(){
                        if(el.width() != oldW){
                            oldW = el.width();
                            el.html(originalText);
                            el.ellipsis();
                        }
                    }, 200);
                }
            }
        });
    } else return this;
};

})(jQuery的);

1 个答案:

答案 0 :(得分:0)

它应该通过添加

来工作
'direction': 'rtl'

到您已使用的CSS地图。