버튼 체인지

버튼 체인지

QA

버튼 체인지

답변 2

본문

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>

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 1,539
© SIRSOFT
현재 페이지 제일 처음으로