親オブジェクトにカーソルを合わせると「吹き出し」を表示する関数を作成しました。ただし、バブルは、その高さによって計算されるように、親オブジェクトの上に表示されるように設定されています。
これをレスポンシブなデザインにしようとしているので、幅と高さは両方とも動的です。次のコードを使用して、ウィンドウのサイズを変更した後に関数を実行しようとしました。
$(window).resize(function() {
$('.popup').popup();
}).trigger('resize');
これでうまくいくように見えますが、かなりバグがあります。私がまとめたこのjsfiddleをチェックすることで、私が何を意味するかを理解できます。
吹き出しは、ウィンドウのサイズが変更される前は正常に機能しますが、サイズが変更されてトリガー オブジェクトの 1 つにカーソルを合わせると、吹き出しが 5 回程度繰り返されるようにアニメーション化されます。
これはレスポンシブ デザイン向けに書かれたものではないことは間違いありません。また、私は JS 開発者ではありません。そのため、明確な改善点があれば、喜んで受け入れます。:D