jquery - beautytips jqueryプラグインでスパイクの位置を左右に揃える方法

Question

私はbeautytips jqueryプラグインを使用しています。これは私のプロジェクトのデモリンクです。画像があり、クリックすると Div がポップアップし、相対的なコンテンツが表示されますが、スパイクの位置は常に中央にあります。このスパイクの位置を他の画像で左右に変更したかったのですが、これを行う方法がわかりません。この中央のスパイク位置のスクリーンショットも添付しています。このスパイクも左右に揃えるのを手伝ってください。

Answer 1

これは、ツールチップ (説明については以下を参照) の選択では可能ではないようで、このオプションに固執していないため、 qtip というこのツールトップのみをチェックしてください。

ここにある配置のオプションを特にチェックしてください。私の意見では、左上があなたにぴったりです。役に立てば幸いです。スクリーンショットを参照してください。

また、他にも便利なプラグインがたくさんあります。こちらのリストを参照してください。

---

編集問題が何であるかがわかったと思います。スパイクの長さが十分に長くないため、centerPoint の変更が表示されないだけです。残念ながら、プラグインが作成されたと思います。この例を確認してください。

http://jsfiddle.net/43Acn/5/

ここで、スパイクの長さだけを変更すると、http://jsfiddle.net/43Acn/6/が表示されます。

唯一の変更点spikeLength: 30,はspikeLength: 5,...

---

---

スパイクをバブルと画像のどちらに合わせたいかわかりません。バブルに合わせる場合は、次のパラメーターを使用する必要があります。

centerPointX: .5,

ソース コードを確認すると、一番下に、このパラメーターのデフォルト オプションが .5 であることがわかります。これは 50% を意味します。(バブルの) 30% が必要な場合は、次を使用する必要があります。

centerPointX: .3,

centerPointYご希望の方もご利用いただけます。

ここで実際の例を参照してください。

に変更centerPointY: .9,しcenterPointY: .1,てみて、変更を確認してください...