0

ユーザーがクリックしたときにそのページから画像をアップロードするブックマークレットを作成しています。これまでのところすべてうまくいっていますが、問題が発生しました。

私がしたいことは、

  1. ユーザーがブックマークレットをクリック
  2. ユーザーがページ上の画像にカーソルを合わせます。
  3. ホバーするとdivが表示されます
  4. div をクリックすると、私のウェブサイトに移動します。

しかし、表示される div は .hover と混同され、前後に途切れます。これは、技術的には、ユーザーが作成した div ではなく、画像の上にカーソルを置いていないためだと推測しています。

ここに例があります。 http://jsfiddle.net/P4b8H/

どうすればこれを修正できますか?

4

2 に答える 2

2

ここでの問題は、divが作成されるときに、常に画像を残している、つまりホバリングしていることです。ただし、ホバーアウト関数ではdivを非表示にしているため、無限ループに陥っています。

解決するには、画像にマウスオーバーし、divにマウスアウトすることを検討してください。

$("img").mouseover(function(){});

$('#WRAPPER').mouseleave(function() {});

私はあなたのフィドルを修正しました。http://jsfiddle.net/P4b8H/5/

于 2012-07-15T19:44:32.073 に答える
0

画像を箱に入れます。div を同じボックスに追加します。次に、ホバーイベントを同じボックスに再度適用します。変更されたフィドルを見てください - http://jsfiddle.net/P4b8H/4/

于 2012-07-15T19:36:19.383 に答える