Jqueryはリピータの個々のアイテムを切り替えます

Question

希望するこの質問は分かります。

Iは、データベースから複数の行を持つリピータを有し、各行は、このような絵やボタン

を有する：

<asp:Repeater runat="server" DataSourceID="SqlDataSource1" ID="repeater1"> 
       <ItemTemplate> 

        <div class="col-lg-2 col-md-2 col-sm-4 col-xs-6" style="height: 200px;"> 
         <div class="thumbnail text-center sletbox"> 
          <img class="img-responsive" src='../fotos/<%# Eval("url") %>' alt=""></a> 

          <div class="slet"> 
          <a href='delete_picture.aspx?id=<%# Eval("pic_id") %>&a=<%# Eval("album") %>&n=<%# Eval("url") %>' onclick="return confirm('Vil du slette dette billed?')"> 
           <h3 class="btn btn-danger btn-xs" id="contact">Slet</h3> 
          </a> 
         </div> 

        </div> 

        </div> 
        <!-- col-lg-4 --> 
       </ItemTemplate> 
      </asp:Repeater> 

それからボタンを作るjQueryの機能を行っていますホバーによって表示され、うまく動作します。

<script> 
    $(document).ready(function() { 
     $(".slet").hide(); 
     $(".sletbox").hover(function() { 
      $(".slet").fadeToggle(50); 
     }); 
    }); 
</script> 

しかし、問題は、あなたがホバーしているだけでなく、すべてのボタンを表示させることです。

だから、ホバリングしているものだけを表示させるにはどうすればいいですか？

Answer 1

コードの下で試してみてください。

$(document).ready(function() { 
     $(".slet").hide(); 
     $(".sletbox").hover(function() { 
     $(this).find(".slet").fadeToggle(50); //locating the associated .slet and not the all one. 
     }); 
});