Question

我与jquery cluetip插件交了朋友并挖掘它。

但是，我想将cluetip弹出位于目标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：

可用选项包括＆＃39; auto＆＃39;，＆＃39; mouse＆＃39;＆＃39; bottomTop＆＃39;，   ＆＃39;固定＆＃39 ;.改为＆＃39;鼠标＆＃39;如果你想覆盖定位   元素和位置clueTip基于鼠标的位置。   改为＆＃39; bottomTop＆＃39;如果你想在鼠标下面开始定位   当有空间或以上时，如果没有 - 而不是右边或左边的   elemnent并使用元素的顶部更改为＆＃39; fixed＆＃39;如果你想   clueTip出现在相对于的完全相同的位置   链接元素，无论它出现在页面上的哪个位置。使用＆＃39;固定＆＃39;在   你自己的风险。

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

因此，您可以使用positionBy和leftOffset以及topOffset来操纵cluetip的默认定位，例如： -

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

显然，你必须自己玩弄价值观，直到你得到理想的结果，但这应该指向正确的方向。

将jquery cluetip定位到目标的左侧

1 个答案: