如何使用jQuery qTIp設置提示尺寸？

Question

我在修改qTip的筆尖大小（x，y）時遇到了一些麻煩。 我試圖用各種方法添加style: { tip: { x:2,y:2 } }，但失敗了。

如何將它添加到以下腳本中？

// Status Tooltips Style 
    $.fn.qtip.styles.statusTooltips = { 
    background: '#333333', 
    color: 'white', 
    textAlign: 'center', 
    border: { 
     width: 1, 
     radius: 5, 
     color: '#333333' 
    }, 
    tip: 'leftMiddle', 
    name: 'dark' 
    } 

    // Status Tooltips Init 
    $('.status[title]').qtip({ 
    style: 'statusTooltips', 
    position: { 
     corner: { 
     target: 'rightMiddle', 
     tooltip: 'leftBottom' 
     } 
    } 
    }); 

Answer 1

它simpe不夠：

$("#mytip").qtip({style: { tip: { size: { x: 10, y: 10}} }}); 

http://craigsworks.com/projects/qtip/docs/tutorials/#tips

Answer 2

明白了！

 

    $('.status[title]').qtip({ 
    style: {background:'#333333', 
     color:'white', 
     textAlign:'center', 
     border:{width: 1, radius: 5, color: '#333333'}, 
     tip:{corner:'leftMiddle',size: { x:6,y:10 }} 
    }, 
    position: {corner: {target:'rightMiddle',tooltip:'leftBottom'}} 
    }); 

感謝，StackOverflow上，曾是一個偶然rubber duck :)

Answer 3

對於qtip 2，你可以設置tip對象的width和height屬性：

$("#mytip").qtip({ 
    style: { 
     tip: { 
      width: 10, 
      height: 10 
     } 
    } 
}); 

見http://qtip2.com/plugins#tips.width