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

Question

我正在使用qTip2，并尝试使顶端的内容从右向左。

我下面的CSS添加到qtip但方向不工作：

的text-align：权重; 方向：rtl！重要;

和下面的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'); 
     } 
    },  
}); 

}); 

我发现上面的代码从网站支持论坛，但没有人帮助我。

请参阅样品在 ​​

你能告诉我，我应该怎么解决这个问题？

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; }