2012-03-21 6 views
1

私はjquery cluetipを使用していますが、ページの右上にリンクがあります。クリックすると、クリックした場所の下部にツールチップが表示されますが、代わりに画面の中央にあるまたは画面の上部に表示されます。ここに私のコードです:cluetipはページの右上にあるリンク上で動作しますか?

$('#personName').cluetip({ 
    width: '500px', 
    showTitle: false, 
    topOffset: 25, 
    leftOffset: 5, 
    positionBy: 'bottomTop', 
    cluetipClass: 'jtip', 
    activation: 'click', 
    closeText: '<img src="/Content/Images/Icons/cross.png" alt="close" />Close', 
    hoverIntent: { 
     sensitivity: 7, 
     interval: 100, 
     timeout: 500 
    }, 
    sticky: true, 
    mouseOutClose: true, 
    ajaxSettings: { 
     dataType: 'json' 
    }, 
    ajaxProcess: function (data) { 

     var html = []; 
     html.push(data.Person.Name); 
     return html.join(""); 
    } 
}); 

私はpositionByを "auto"または "mouse"に変更しようとしましたが、それでも動作しません。 。 cluetipは単に画面の右側のリンクを全く処理しませんか?

答えて

1

サイズが画面内に収まらない場合、cluetipは右側のリンクの処理に問題があるようです。

positionBy: 'mouse'leftOffsettopOffsetで試してみましたが、リンクの左側のほんの少し下に現れました。 2番目のdivhttp://jsfiddle.net/neo108/9CV6t/にあります。

希望します。

左と上のオフセットで再生し、希望通りに配置することができますか?

関連する問題