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을으로 대체하십시오.210 (선호) 또는 live

출처

2013-10-15 05:30:05 Outlooker

['live()'] (http://api.jQuery.com/live/)는 jQuery 1.7에서 더 이상 사용되지 않으며 1.9에서 완전히 제거되었습니다. OP가 jQuery의 이전 버전을 어떻게 든 사용하고 있다는 것을 알지 못한다면 OP가 그 방법을 원하지 않는다고 생각합니다. –

tanx @ DavidThomas.I 코드를 편집했습니다. – Outlooker

감사합니다. 그러나 이전 버전의''delegate()'] (http://api.jQuery.com/delegate/)는'live()'보다 권장되었습니다. –

jQuery를 사용하여 div에서 버튼을 선택하는 방법

답변

관련 문제