Búsqueda de sitios web

javascript - ¿Cómo establecer las dimensiones de la punta con jQuery qTip?


Estoy teniendo algunos problemas con modificar el tamaño de la punta (x,y) de qTip. Intenté agregar el style: { tip: { x:2,y:2 } } de todas las maneras posibles, pero fallé.

¿Cómo puedo agregarlo al siguiente script?

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

Respuesta #1

es bastante simple:

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

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

Respuesta #2

Para qtip 2, simplemente puedes establecer las propiedades width y height del objeto tip:

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

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