0

タイトルは自明です。これまでのところ、背景色はqtipホバーのピンクではなく、マウスアウトでは常に灰色のままです。

$().ready(function() {
$("#openDiv").mouseleave(function (e) {
var used_classes = ['qtip'];
var $c = $(e.relatedTarget).attr('class');

if ($c=='qtip')
  {
   $("#openDiv").css('background-color', 'pink');
  } else{
   $("#openDiv").css('background-color', 'grey');
  }
 });
 });

http://jsfiddle.net/bUzPG/21/完全なセットアップ。これは私を夢中にさせています！
この問題を解決する回答はすべて回答としてマークされます。

4

1 に答える 1

1

私が見ているのは、マウスが「#openDiv」を離れるとイベントが発生し、e.relatedTargetは、離れたときに入力したものになりますが、これは何もありません。qtipにカーソルを合わせたときにメインdivをピンク色にする場合は、qtipで.hover（またはピンク色に設定するには.mouseenter）を使用する必要があります。

$(".qtip").hover(
  function() {
    $("#openDiv").css('background-color', 'pink')
  },
  function() {
    $("#openDiv").css('background-color', 'white')
  }
)

qtipのものはDOMの準備ができた後に作成されているように見えるので、代わりに.liveを使用することをお勧めします...

$(".qtip").live('mouseenter', function() {
    $("#openDiv").css('background-color', 'pink')
  })
  .live('mouseleave', function() {
      $("#openDiv").css('background-color', 'white')
    }
)
于 2011-07-08T17:08:23.340 に答える