Question

我已经开始使用此测试页：http://joshuacody.net/qworky/

警告：很多CSS3。这只会在Safari或Chrome中正确显示。 Firefox将是可以容忍的。其他一切都会丢失。

基本上，当我将鼠标悬停在某个人的名字上时，我希望它能在他们的图像上触发悬停状态。它现在正在工作，但我觉得解决方案不够优雅。我宁愿不添加更多课程。这是：

$('a.name_link').hover(function(){
    $(this).parent('p').siblings('img').toggleClass('link_hover');
});

$('img.name_img').hover(function(){
    $(this).siblings('p').children('a').toggleClass('hover');
});

我认为以下内容可行：

$('a.name_link').hover(function(){
    $(this).parent('p').siblings('img').trigger('hover');
});

知道为什么不是吗？我真的在寻找最干净，最简单的方法。非常感谢！

Answer 1

从我对jquery悬停方法的理解是它接受两个函数



    $('a.name_link').hover(
               //mouse over
               function(){
                 $(this).parent('p').sibling('img').toggleClass('link_hover');
                },
               // mouse out
               function(){

               }
        );

因为你只是声明第一种方法，所以也许你应该尝试触发鼠标悬停方法

$('a.name_link').hover(function(){
     $(this).parent('p').siblings('img').trigger('mouseover');
});

Answer 2

hover函数应该具有2个函数，而不仅仅是一个函数。尝试将两个功能放在那里。

Answer 3

原来我可以修改我的CSS，将img放在锚标记内。

触发：首先悬停在第二个元素上

3 个答案: