在jQuery div中選擇按鈕

我該如何選擇類「btn btn-default」的按鈕以及「btn-group group dropdown」內的鏈接，並使用jQuery添加淡入淡出效果？在jQuery div中選擇按鈕

<body class="wg"> 
     <div class="container"> 
      <div class="header"> 
       <h1 class="banner-font">Header</h1> 
      </div> 
      <div class="btn-group button-banner"> 
       <button type="button" class="btn btn-default" onclick="getSummary(1)" 
       >Home</button> 
       <button type="button" class="btn btn-default" onclick="getSummary(5)">Contact Us</button>     
       <div class="btn-group group dropdown"> 
        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Tentang Kami <span class="caret"></span></button> 

        <ul class="dropdown-menu" role="menu"> 
        <li><a href="#" onclick="getSummary(2)">Sejarah</a></li> 
        <li><a href="#" onclick="getSummary(3)">Visi Misi</a></li> 
        <li><a href="#" onclick="getSummary(4)">Program Studi</a></li> 
       </ul> 
       </div> 
      </div> 
      <div id="isi"> 
        <!-- ini isi nya --> 
      </div> 
      <footer> 
       <b> 
        &copy; 2013 Kurnia Fredy Wijaya & Luki Ramadon <br> 
        Fakultas Teknik Universitas Pancasila 
       </b> 
      </footer> 
     </div> 
    </body>

來源

2013-10-15 thekucays

你試過了什麼？ –

這是你在問什麼？

$(document).ready(function() { 
    $('.btn-default').fadeIn(1000); 
    $('.btn-group').fadeIn(1000); 
});

來源

2013-10-15 05:22:49 CIRCLE

希望這是ü希望隊友有什麼.. :)

$('.btn-group.dropdown').on('click',function(){ 
    if($('.dropdown li').is(':visible')){ 
    $('.dropdown li').fadeOut(1000); 
    }else{ 
    $('.dropdown li').fadeIn(1000); 
    } 
})

退房下面搗鼓

http://jsfiddle.net/CsXfP/

注：

如果您使用的是舊版本的jQuery，將on替換爲delegate（首選）或live

來源

2013-10-15 05:30:05 Outlooker

['live（）']（http://api.jQuery.com/live/）在jQuery 1.7中被棄用，並在1.9中完全刪除;我懷疑OP不需要這種方法，除非你知道他以某種方式使用舊版本的jQuery？ –

tanx @ DavidThomas.I編輯了代碼:) – Outlooker

謝謝，但是在舊版本中，''delegate（）']（http://api.jQuery.com/delegate/）被推薦用於'live（）'。 –

在jQuery div中選擇按鈕

回答

相關問題