1

css.dragboxと.removebuttonに2つのクラスを設定しています

.dragboxはdivであり、.removebuttonはdiv内のボタンです。

ページ上に動的に作成された複数の.dragboxがあります。

その現在の.dragboxのみの.removebuttonをjavascriptで表示するにはどうすればよいですか？

現在、1つの.dragboxにカーソルを合わせると、すべての.removebuttonがすべての.dragboxに表示されます。現在のものだけを表示したい

ここにcssがあります

.dragbox
 {
  position:absolute;
  width:10px;
  height:25px;
  padding: 0.0em; 
  margin:25px;    
  }

 .removebutton
{
      background-image:url(img/delete.png); 
      background-repeat:
      no-repeat;visibility:hidden;
}

そしてここにjavascriptがあります

   $('.dragbox').hover(function() 
  { 
    $(this).css('border', '1px solid #000');     
    $(this).css('background-image','url(img/move.png)');
    $(this).css('background-repeat','no-repeat');
    $(this).css('width', '15px');
    $(this).css('height', '15px');          
        $(".removebutton").css('visibility', 'visible'); 
   });
4

2 に答える 2

2

試す：

$('.dragbox').hover(function() 
{ 
    $(this).css('border', '1px solid #000');     
    $(this).css('background-image','url(img/move.png)');
    $(this).css('background-repeat','no-repeat');
    $(this).css('width', '15px');
    $(this).css('height', '15px');          
    $(this).find(".removebutton").css('visibility', 'visible');
});

元のコードは.removeButton、ページ上ののすべてのインスタンスを検索します。上記のコードは、現在ホバーされているdiv.removeButtonの一部を対象としています。.dragbox

于 2013-03-26T10:42:05.487 に答える
2

（これも）繰り返す必要はありません 

 $('.dragbox').hover(function() 
      { 
        $(this).css({
       border :'1px solid #000'    ,
       background-image:'url(img/move.png)',
       background-repeat:'no-repeat',
       width: '15px',
       height: '15px'
    })
            $(this).find('.removebutton').css('display', 'block');or /*visibility:visible*/
       });
于 2013-03-26T10:46:40.137 に答える