11

各要素にqTipが必要な右側のパネルがあります。エリアはスクロール可能であるため、ヒントがウィンドウに収まりません。以下に示す問題：

ここに画像の説明を入力

ツールチップにスマートポジショニングを追加すると:

 position: {
        viewport: $('#window')
    }

ツールチップはウィンドウ内にとどまりますが、要素の上または下 (代わりにその左側) に自動的に位置を設定し、クリック可能な要素の上に移動して、ユーザーが到達できないようにします。以下に示します。

ここに画像の説明を入力

問題は、初期位置 (左) を保持するビューポート (ウィンドウ) でスマートな配置を使用してツールチップを作成するにはどうすればよいかということです。

4

1 に答える 1

11

とった。表示されたままにするために、調整を使用できます。このオプションは、実行されるビューポートの配置の種類を決定します。Adjust: {method: none shift} を指定すると、ツールトップが非表示になると、水平方向に移動せず (none)、垂直方向に移動します (shift)。

その他のオプションについては、マニュアルをお読みください。http://qtip2.com/plugins#viewport

position: {
        at: 'center left',
        my: 'right center',
        effect: false,
        viewport: $('.mainPanel'),
        adjust: {
            method: 'none shift'
        }
    },
于 2013-11-15T18:43:14.273 に答える