2013-04-24 47 views
0

我在這做了什麼愚蠢的錯誤嗎?我嘗試了最接近和最接近的,但它不支持這個自由。我也不能改變自由。 我想要的功能generaic,這樣我可以使用此圖標多次jquery liberary jquery-1.4.2.min.js我想隱藏圖像的懸停,但它不能正常工作

<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").mouseover(function() 
{ 
var sachin = $(this).find("hidden"); 
alert(sachin); 
}); 
+0

哎呀sorrry我忘了..哈哈.done – supersaiyan 2013-04-24 05:39:27

回答

2
$(this).find(".hidden"); 

您之前隱藏忘記.

您可以使用短切過指定上下文$(".hidden",this)

$(".iconblock").mouseover(function() 
{ 
    $(".hidden",this).removeClass('hidden'); 
}); 

http://jsfiddle.net/cJbVY/

如果你的打算是,以顯示和隱藏在鼠標懸停/鼠標了,你可以試試這個

http://jsfiddle.net/ze6Xy/

$(".iconblock").hover(function() 
{ 
    $(".helpPopup",this).toggleClass('hidden'); 
}); 
+1

我不會建議第二語法。 '.find()'的意圖要清晰得多,而且更容易閱讀。 – Blender 2013-04-24 04:23:15

+0

它不工作anywys你可以添加fildde與庫jquery 1.4.2 – supersaiyan 2013-04-24 04:23:57

+0

在這裏你去http://jsfiddle.net/aKAXZ/ – PSL 2013-04-24 04:24:38

0

試圖在這裏幫助,你真的需要使用JS/JQuery,爲此?

HTML:

<span style="position:relative" class="iconblock"> 
    <img class="queicon" src="images/question_icon.gif" alt="icon" /> 
    <span class="helpPopup hidden">test test test</span> 

而且在CSS,是這樣的:

.iconblock .hidden { 
    display:none; 
} 

.iconblock:hover .hidden { 
    display:block; 
} 
+0

不應該是.iconblock .hidden和.iconblock:hover .hidden,它好像他想隱藏並顯示懸停的文本。 – PSL 2013-04-24 04:45:02

+0

@PSCoder哦,是的。編輯答案。謝謝。 – loxxy 2013-04-24 04:48:38