0

私はこれでばかげた間違いをしていますか？私は最も近いものと次のものを試しましたが、このライブラリではサポートされていません。また、liberayも変更できません。このアイコンを複数回使用できるように汎用関数が必要です

 <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);  
});
4

2 に答える 2

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

You forgot . before hidden.

You can use a short cut too specifying the context $(".hidden",this)

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

http://jsfiddle.net/cJbVY/

If your intend is to show and hide on mouseover/mouse out you can try this

http://jsfiddle.net/ze6Xy/

$(".iconblock").hover(function() 
{
  $(".helpPopup",this).toggleClass('hidden');
});
于 2013-04-24T04:18:45.240 に答える
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;
 }
于 2013-04-24T04:39:30.703 に答える