CSS

Question

我正在使用qTip2并尝试将提示的内容从右向左。

我将以下css添加到qtip，但方向无效：

text-align：right！important; 方向：rtl！important;

以下的js仍然无效！虽然events应该足够了，但我看到一些关于使用onRender的评论：

$(document).ready(function () {
    $('a[title]').qtip({
        events: {
        render: function (event, api) {
            $(this).attr('dir', 'rtl');
        }
    },
    api: {
        onRender: function () {
            self.elements.content.rel('rtl');
        }
    },    
});

});

我在网站支持论坛上找到了上述代码，但没有一个帮助过我。

请看样品 http://jsfiddle.net/mnTCv/1/

你能告诉我应该如何解决这个问题吗？！

Answer 1

您必须更改此.qtip-content：

jsFiddle

.qtip-content {
    position: relative;
    padding: 5px 9px;
    overflow: hidden;
    text-align: right;   /*  default: left  */
    word-wrap: break-word;
}

Answer 2

我添加了一个div元素，并为它提供了一个CSS样式，可以在工具提示中应用 ...这是 Fiddle example（里面的阿拉伯文字）

CSS

div *, .qtip, .qtip-tip{direction:rtl !important; text-align:right !important; }
.qtip, .qtip-tip{ width:450px; }

从右到左设置qTip2方向（RTL）

2 个答案:

CSS