버튼 체인지

버튼 체인지

QA

버튼 체인지

본문

a버튼이 있습니다,

클릭하면

그자리에 b버튼으로 대체되고 그리고 이 b버튼이 트리거 클릭되게 하고 싶습니다,

이 b버튼을 클릭해야 모달이 뜨더라구요,

결론은 코드가 필요하다는 말입니다, 헤헤

 

<button id=change>~~~</button>

 

<script>

~~~~

~~~~

</script>

이런게 필요해서요 ㅎ

 

 

 

 

이 질문에 댓글 쓰기 :

답변 2

※ https://clova-x.naver.com


<button id="a">A 버튼</button>
<button id="b" style="display: none;">B 버튼</button>
<div id="modal" style="display: none;">모달 내용</div>

 


$(document).ready(function() {
  $('#a').on('click', function() {    
    $(this).hide();
    $('#b').show();
    $('#b').trigger('click');        
  });
 
  $('#b').on('click', function() {
    $('#modal').show();
  });
});

<button id="A" style="display:block">A</button>

<button id="B" style="display:none">B</button>

<script>

$(function(){

    $('#A').click(function(){

        //원래 버튼 이벤트 실행

        $('#A').hide();

        $('#B').show();

    });

});

</script>

답변을 작성하시기 전에 로그인 해주세요.
전체 123,683 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT