jquery在中繼器中切換個別項目

我從數據庫中的幾個行的中繼器，每一行都有一個圖片和一個按鈕

這樣的：

<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>

但問題是，它使所有的按鈕出現，而不僅僅是你徘徊的。

那麼，我如何只讓你懸停的出現？

來源

2016-09-22 Caroline Olivia

試試這個：'$（本）.find（「slet」）fadeToggle（50）;'通過使用'this'，它是'slet'裏面藏着'sletbox' - 'this'指的是盤旋的sletbox – Pete

非常感謝！我不知道這很簡單。大！ :) –

不客氣，很高興我可以幫助:) – Pete

與下面的代碼試試：

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

來源

2016-09-22 11:48:46 vijayP

jquery在中繼器中切換個別項目

回答

相關問題