mouseleave div，将背景颜色更改为灰色，mouseleave到div内触发Qtip，将背景颜色更改为粉红色

发布于 2024-11-19 06:40:12 字数 507 浏览 5 评论 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/ 完成设置。这让我发疯！
任何解决此问题的答案都将被标记为答案。

原文

The title is self explanatory, here is what I have so far, but the background color always stays grey on mouseout, instead of pink on qtip hover:

$().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/ with complete setup. This is driving me crazy!
Any answer that solves this issue will be marked as the answer.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

蓝颜夕 2024-11-26 06:40:12

我看到的是，当鼠标离开 '#openDiv' 时，事件会触发，然后 e.latedTarget 将是您离开时输入的任何内容，这没什么。
如果你想要的是当鼠标悬停在 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')
    }
)

what I see is that the event fires when the mouse leaves '#openDiv' , and then e.relatedTarget would be whatever you're entering when you leave, which is nothing.
If what you want is for the main div to go pink when hovering over qtip, you should be using .hover (or .mouseenter to set it pink) on the qtip, like simply...

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

I see that the qtip thing seems to be created after the DOM ready, so you might want to use .live instead...

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

回复收藏 0 原文

~没有更多了~