javascript - 方向 : rtl with javascript

标签 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);

最佳答案

它应该通过添加来工作

'direction': 'rtl'

到您已经使用的 CSS 映射。

关于javascript - 方向 : rtl with javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6029801/

相关文章:

javascript - 将 navbar-brand 和 nav-items 放在 Bootstrap 4 navbar 的不同行上

css - 左列 "over"右列效果的两列布局

HTML/CSS - 设置选择菜单样式

css - 带有省略号的动态大小的文本

html - 如何使省略号在 flex 容器中工作?

javascript - 我如何使用 vue.js 通过 url 输入来调整我的一侧?

javascript - Joomla 的 AdSense 错误(adsbygoogle.push() 错误)

javascript - 无论鼠标悬停如何,始终在 CanvasJS 中显示工具提示

Jquery 弹出模式必须居中

html - 使用文本溢出时空格的位置 : ellipsis;