버튼 체인지
본문
a버튼이 있습니다,
클릭하면
그자리에 b버튼으로 대체되고 그리고 이 b버튼이 트리거 클릭되게 하고 싶습니다,
이 b버튼을 클릭해야 모달이 뜨더라구요,
결론은 코드가 필요하다는 말입니다, 헤헤
<button id=change>~~~</button>
<script>
~~~~
~~~~
</script>
이런게 필요해서요 ㅎ
답변 2
<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>
답변을 작성하시기 전에 로그인 해주세요.