0

我已经与 jquery 线索提示插件交朋友并挖掘它。

线索提示首页

但是，我想将提示提示弹出到目标 div 的左侧。目前它会计算目标右侧是否有足够的空间，如果没有，则会显示在左侧。

这是一些示例代码。

$('.myTip').cluetip( { hoverIntent: {
    sensitivity:  1,
    interval:     100,
    timeout:      750
    },
    cluetipClass: 'rounded',
    width: 300,  ajaxCache: false, cursor: 'pointer', sticky: true,  arrows: false,  mouseOutClose: true,
  closePosition: 'title', closeText: '<img class="iconFade2" src="${pageContext.request.contextPath}/images/cancel.png" alt="" />' });

有接盘侠吗？

4

1 回答 1

0

位置：

可用选项有“自动”、“鼠标”、“底部顶部”、“固定”。如果要覆盖按元素定位并根据鼠标位置定位线索提示，请更改为“鼠标”。如果您希望在有空间时从鼠标下方开始定位，则更改为“bottomTop”，如果没有，则从鼠标上方开始 - 而不是元素的右侧或左侧并与元素的顶部齐平如果您希望提示提示出现在中，请更改为“固定”相对于链接元素的位置完全相同，无论它出现在页面上的什么位置。使用“固定”需要您自担风险。

http://plugins.learningjquery.com/cluetip/#options

positionBy因此，您可以使用withleftOffset和来操作提示提示的默认位置topOffset，例如：-

$('.myTip').cluetip({
  positionBy: 'fixed',
  leftOffset: '-340',
  topOffset: '0'
});

显然，您必须自己处理这些值，直到获得所需的结果，但这应该为您指明正确的方向。

于 2012-09-17T07:41:19.360 回答