3

誰かが私を助けてくれませんか。maxwidthTooltipster ツールチップ バブルにを設定するためのソリューションを探しています。ツールチップをアクティブにする領域について話しているのではなく、ツールチップ バブル自体について話しているのです。ツールチップに数文のテキストを入力すると、画面の左から右に伸びて、ページからはみ出すことがあります。最大幅を 400px に設定できるようにしたいのですが、余分なものは新しい行に分割されます。

ツールチップスター-最大幅

私はすでにチェックして、javascriptファイルでこれを変更しようとしました:

maxWidth ツールチップの最大幅を設定します。デフォルト: null (最大幅なし)

しかし、何も起こりませんでした。スクリーンショットのように表示されます。段落タグに適用したからでしょうか。代わりにスパンタグに適用しようとしましたが、同じことをしました。

4

1 に答える 1

10

Tooltipster で指定されるオプションは、ツールチップ自体を初期化するときに関数にmaxWidth渡す必要があるオプションです。つまり、tooltipster()

$('.tooltip').tooltipster({
    // Other setup goes in here as key:value pairs
    'maxWidth': 500   
});

上記の例から、これにより、ツールチップが最大幅 500 ピクセルを占めるように「制限」されます。構文を理解するのに役立つカスタムオプションを使用して、さまざまな例を示す非常に単純なJSFiddleをセットアップしました。maxWidth

これが役立つことを願っています:)

于 2014-09-16T12:11:08.390 に答える