Cluetipポップアップウィンドウがストレートポイントにブラウザによって

Question

jQuery('area').cluetip({ 
     sticky: true, 
     positionBy: 'auto', 
     width:370, 
     dropShadow:false, 
     closePosition: 'top', 
     closeText: '', 
     activation: 'click' 
} 

をカットオフを得る：私はポップアップウィンドウをアクティブにするためにクリックしたとき、それは十分なスペースがない場合でも、私がクリックした場所の右handsideで常にです。だから、残りの部分はブラウザのウィンドウで切り取られているので、それらのためにそれはcluetipにいくつかの部分を示していますか？

私はPHPとcluetipに全く新しいです...

Answer 1

物事のルックスによって、行うことができる唯一のことについて、positionByパラメータを使用しています。しかし、それは先端がカットオフかどうかを判断するのに本当に機能しません、私は多くの場合を自分で試しました。

オプションはauto, mouse, bottomTop, fixedですが、どれも実際には機能しませんが、それらはすべて終了します。

私が見つけた唯一の解決策は、fixedを使用して手動で左上と左に設定し、常に同じ場所に置くことでした。あなたがそのプレースホルダで立ち往生している不幸なのに

j('.areaH').cluetip({ 
     positionBy: 'fixed', 
     topOffset: 200, 
     leftOffset: 100 
    }); 

。私はあなたがアクションを取ることができると思うと、1秒の待機セグメントを呼び出すcluetipを呼び出す各事柄に、jQueryを使用してcluetipウィンドウを再配置することができます。

これは別にcluetipを呼び出す事でオフに設定されonHoverイベントになります。しかし、それはそれについてです。私はFFとChromeでこれをテストしていますが、両方ともカットオフしています。

あなたは常に要素はその後、存在する位置を直すのを待ち、別のjQueryプラグインを使用することができます onHoverイベントで http://plugins.learningjquery.com/cluetip/#features

は、何を行うことができますが、各要素であるが、新しいポジションを持っているattrあなた自身を持っていますjQueryを使用してleftとtopの位置を呼び出し、Cluetipウィンドウをその方向に+20に移動します。