Javascript Jquery切换问题

我刚刚做了一个jquery工作来隐藏和显示图像上的链接。“a”在图像上的绝对位置

为此，我编写了以下代码：

$(document).ready(function(){
    var caseStudySlider = $('div.case-study-slider img');
    caseStudySlider.bind('mouseover',function(e){
        $(e.target).closest("a").toggle();
    })
})

页面上还有我的HTML代码：

<div class="case-study-slider">
       <span class="slider-player"><a href="case-study-page-b.html"></a></span>
       <img height="270" width="702" alt="slider" src="images/slide-space-holder-type2.jpg" />
</div>

但这不是工作。有人帮我吗，我的代码有什么问题吗

---

提前谢谢你

链接中没有要显示的内容。

链接中没有要显示的内容。

我怀疑您的问题是，

鼠标盖将在进入时触发，但在退出时不会触发，因此您的
.toggle（）
不知道它是来还是去。请尝试
.hover（）
：

$(document).ready(function(){
    var caseStudySlider = $('div.case-study-slider img');
    caseStudySlider.bind('hover',
        function(e) {
            $(this).siblings("span").children("a").toggle();
        } 
    );

}))

注意：函数更改为使用
.sides（）
，因为
a
不是
img
的子节点

EDIT更改为
.hover（）
的单回拨版本，这与使用
.toggle（）
而不是使用
.show（）
和
的双回拨版本更为一致。hide（）
我怀疑您的问题是
鼠标盖将在进入时触发，而不是在退出时触发，所以你的
.toggle（）
不知道它是来了还是走了。请尝试
.hover（）
：

$(document).ready(function(){
    var caseStudySlider = $('div.case-study-slider img');
    caseStudySlider.bind('hover',
        function(e) {
            $(this).siblings("span").children("a").toggle();
        } 
    );

}))

注意：函数更改为使用
.sides（）
，因为
a
不是
img
的子节点

EDIT更改为
.hover（）
的单回调版本，这与使用
.toggle（）
而不是使用
.show（）
和
.hide（）
的双回调版本更加一致

$(e.target).closest("a")

从鼠标悬停目标（很可能是img）开始，并在树中查找向上的链接。您的链接不是直接从图像向上的，因此选择器找不到它

鉴于您当前的html结构，我会找到如下链接：

$(e.target).closest(".case-study-slider").find("a")

代码

$(e.target).closest("a")

从鼠标悬停目标（很可能是img）开始，并在树中查找向上的链接。您的链接不是直接从图像向上的，因此选择器找不到它

鉴于您当前的html结构，我会找到如下链接：

$(e.target).closest(".case-study-slider").find("a")

$（document）.ready（function（）{var caseStudySlider=$（'div.case-study-slider img'）；caseStudySlider.bind（'hover'，function（e）{$（e.target.）.sibling（“span”）.css（{border:'1px solid red'}）；}，function（e）{$（e.target sibling（“span”）.css（{border:'1px solid green'}）；函数
.sibling（）
调用将返回
未定义的
，并导致错误。请改为尝试
.sibles（）
。$（文档）.ready（函数（）{var caseStudySlider=$（'div.case-study-slider img'）；caseStudySlider.bind（'hover'，函数（e）{$（e.target）.sibling（'span”）.css（{border:'1px实心红色'}）；}，函数（e）{$（e.target e.target sibling）（'span'）.css（{border:'1px实心绿色'）);         }     );  });函数
.sibling（）
调用将返回
未定义的
，并导致错误。请改为尝试
.sibbins（）
。