Javascript 在jquerylibrary jquery-1.4.2.min.js上,我想在图像悬停时显示隐藏,但它不起作用
我在这方面犯了什么愚蠢的错误吗?我试过“最近的”和“下一个”,但在这个图书馆里它不支持。我也不能自由地改变。 我想要generaic函数,这样我就可以多次使用这个图标Javascript 在jquerylibrary jquery-1.4.2.min.js上,我想在图像悬停时显示隐藏,但它不起作用,javascript,jquery,Javascript,Jquery,我在这方面犯了什么愚蠢的错误吗?我试过“最近的”和“下一个”,但在这个图书馆里它不支持。我也不能自由地改变。 我想要generaic函数,这样我就可以多次使用这个图标 <span style="position:relative" class="iconblock"> <img class="queicon" src="images/question_icon.gif" alt="icon" /> &l
<span style="position:relative" class="iconblock">
<img class="queicon" src="images/question_icon.gif" alt="icon" />
<span class="helpPopup hidden">test test test</span>
您在隐藏之前忘记了
您也可以使用快捷方式指定上下文$(“.hidden”,this)
如果你想在鼠标上显示和隐藏,你可以试试这个
只是想在这里提供帮助,您真的需要为此使用JS/Jquery吗 HTML:
我不推荐第二种语法<代码>.find()的意图更清晰,也更容易阅读。它根本不起作用。你能用jquery 1.4.2库添加fildde吗?更新了答案,我用的是1.4。2@Blender我同意,但在有选择器链的情况下,我总是喜欢使用根容器作为上下文,这有助于提高可读性。:)不应该是这样的。iconblock.hidden和。iconblock:hover.hidden,看起来他想隐藏并显示hover.oops上的文本,对不起,我忘了。。哈哈,搞定了
$(".iconblock").mouseover(function()
{
var sachin = $(this).find("hidden");
alert(sachin);
});
$(this).find(".hidden");
$(".iconblock").mouseover(function()
{
$(".hidden",this).removeClass('hidden');
});
$(".iconblock").hover(function()
{
$(".helpPopup",this).toggleClass('hidden');
});
<span style="position:relative" class="iconblock">
<img class="queicon" src="images/question_icon.gif" alt="icon" />
<span class="helpPopup hidden">test test test</span>
.iconblock .hidden {
display:none;
}
.iconblock:hover .hidden {
display:block;
}