1

jquery 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は、画面の右側にあるリンクをまったく処理しませんか？

4

1 に答える 1

1

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

とを使っpositionBy: 'mouse'てみたところ、リンクの左下に少し表示されました。http://jsfiddle.net/neo108/9CV6t/の2番目を見てください。leftOffsettopOffsetdiv

それが役に立てば幸い。

左と上のオフセットで遊んで、好きなように配置できるかもしれません。

于 2012-03-22T01:02:49.697 に答える