0

私はjqueryの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="" />' });

テイカーはいますか？

4

1 に答える 1

0

ポジション別:

利用可能なオプションは、'auto'、'mouse'、'bottomTop'、'fixed' です。要素による配置をオーバーライドし、代わりにマウスの位置に基づいてclueTipを配置する場合は、「mouse」に変更します。配置をマウスの下から開始する場合は 'bottomTop' に変更します。スペースがある場合はマウスの下から開始し、そうでない場合は上に変更します。ページ上のどこに表示されても、リンクされた要素との相対位置はまったく同じです。自己責任で「固定」を使用してください。

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

positionByしたがって、 withleftOffsetおよびを使用して、ヒントのデフォルトの位置を操作できますtopOffset。たとえば、次のようになります。

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

明らかに、目的の結果が得られるまで自分で値をいじる必要がありますが、それは正しい方向を示しているはずです。

于 2012-09-17T07:41:19.360 に答える