span 버튼 하나로 엮는 방법... 질문
본문
span 부분을 하나로 엮으려면 어떤방법을 사용 해야될까요??
한번 누르면 구독알림 그담에 한번더 누르면 구독취소 이런식으로 하고싶은데
어렵나요 이거...?
-------------------------------------------------------------
<span id="setSub" class="button button2">구독알림</span>
<span id="cancelSub"class="button button2">구독취소</span>
<script>
$("#setSub").click(function()
{
if(!g5_is_member) {
alert("회원이시라면 로그인 후 이용해 보십시오.");
return false;
}
else $.post("../setSub.php", { title: "<?=$bo_table;?>" }, function(result){
// console.log(result);
// alert(result);
alert("구독되었습니다.");
});
});
$("#cancelSub").click(function()
{
if(!g5_is_member) {
alert("회원이시라면 로그인 후 이용해 보십시오.");
return false;
}
else $.post("../cancelSub.php", { title: "<?=$bo_table;?>" }, function(result){
console.log(result);
// alert(result);
alert("구독취소되었습니다.");
});
});
</script>
답변 2
<span id="setSub" class="button button2 subscribe">구독알림</span>
<script>
$(document).on('click', '.subscribe', function (e) {
var id = $(this).attr('id');
if(!g5_is_member) {
alert("회원이시라면 로그인 후 이용해 보십시오.");
return false;
}
if(id=='setSub'){
$.post("../setSub.php", { title: "<?=$bo_table;?>" }, function(result){
alert("구독되었습니다.");
$(this).attr('id', 'cancelSub');
$(this).text('구독취소');
});
}else{
$.post("../cancelSub.php", { title: "<?=$bo_table;?>" }, function(result){
alert("구독취소되었습니다.");
$(this).attr('id', 'setSub');
$(this).text('구독알림');
});
}
});
</script>
if문으로 구독중이라면? 구독취소 나오게 처리하면될거같네요