0

コードに問題があります。画像にカーソルを合わせると、画像が50%大きくなり、画像の上にテキストが表示されますが、テキストにカーソルを合わせると、画像はマウスアウト、マウスオーバーの状態になります。 、mouseout、mouseover。だからそれはたくさんちらつきます。マウスが画像のテキストの上にあるときにこのホバリングイベントを無効にするにはどうすればよいですか?event.stopPropagationテキストで試しましたが、機能しません。

これがjsFiddleです。画像にカーソルを合わせてから、テキストにカーソルを合わせてみてください。それが私が話している効果です。テキストホバーイベントを無効にしたい。私を助けてください。

4

2 に答える 2

1

私はこれに対する解決策を見つけました、

私はこのようなことをします。img要素でホバー効果を使用する代わりに、親である$('。imgwall')でホバー効果を実行してから、画像だけを増やすには$(this).find('img')を実行します。$(this).find('h2')。show()/ hidden()を使用して、ホバーイベント内のテキストを表示します。

見てくれてありがとう!

于 2012-06-05T10:08:31.410 に答える
0

テキストボックス内でホバーイベントを防止すると、ホバー中にのみ大きく表示されるため、画像は小さいサイズに戻ります。

できれば、1つの要素にカーソルを合わせ、非常に大きな透明な境界線でテキストボックスを中央に配置します。

可能であれば、 jQueryZoomプラグインの使用を検討してください。プラグインを構成して、画像を確認したら、拡大鏡の前にテキストボックスを追加します。

于 2012-06-05T06:38:50.233 に答える