jQuery qTIpでチップの寸法を設定する方法は?

javascript jquery qtip tooltip
jQuery qTIpでチップの寸法を設定する方法は?

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

  5  0


ベストアンサー

それは十分単純です:

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

9


qtip 2の場合、 tip`オブジェクトの width`プロパティと `height`プロパティを設定するだけです:

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

4


とった!

  $('.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、たまにhttp://en.wikipedia.org/wiki/Rubber_duck_debugging[rubber duck]であることに感謝します:)

-6


タイトルとURLをコピーしました