位于目标左侧的jquery cluetip位置

Question

我已经与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="" />' });

有人接电话吗？

Answer 1

positionBy： 可用的选项是“自动”、“鼠标”、“底部顶部”、“固定”。如果您想通过元素重写定位，并根据鼠标所在的位置定位clueTip，则更改为“鼠标”。如果您想要在有空间或以上的情况下开始定位，则更改为“bottomTop”，如果没有，则改为“”，如果您希望clueTip相对于链接元素出现在页面上的位置完全相同，则更改为“固定”。使用“固定”会让你自己承担风险。

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

因此，您可以使用positionBy与leftOffset和topOffset一起操作会社提示的默认位置，例如：-

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

很明显，你必须自己处理这些价值观，直到你得到想要的结果，但这应该会给你指明正确的方向。