티스토리에서 버튼 입력을 누르다 보면 실수로 연달아 클릭하게 되는 경우가 있다. 이럴 때, 티스토리 댓글이 중복으로 남기게 된다. 일종의 찌꺼기가 남는 셈이다. 이를 JQuery로 버튼 클릭을 제어함으로써 중복 댓글을 방지할 수 있다.
jQuery
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.3.min.js"></script>
일반적으로 티스토리 스킨들은 jQuery 2.1.3 버전을 사용하고 있는 경우가 많기 때문에 스크립트 주소가 작성되어 있다면 생략한다.
본문(body)에 적용
var fewSeconds = 3;
$("button[type=submit]").click(function() {
var btn = $(this);
btn.prop("disabled", true);
setTimeout(function() {
btn.prop("disabled", false);
}, fewSeconds * 1000);
});
fewSeconds는 클릭 후 몇 초동안 버튼을 비활성화할지 정하는 요소다. 이 방법은 disabled를 활용한 방법이다.
링크 | 원글 코코소프트
'Tistory > Tistory Skin' 카테고리의 다른 글
티스토리 기본 웹폰트 (1) | 2021.07.13 |
---|---|
티스토리 썸네일 이미지 배지 다는 방법 (0) | 2021.07.09 |
티스토리 이동경로·카테고리 경로(Breadcrumb navigation) 적용 (0) | 2021.06.28 |
[웹폰트 CDN] 렉시새봄 / 이롭게바탕/ 나눔고딕 / 본고딕 / PT Sans / 서울한강 (0) | 2021.04.03 |
티스토리 저자(블로거) 프로필 카드 HTML&CSS (0) | 2021.01.05 |
티스토리 단축키 추가방법 (0) | 2020.10.05 |
티스토리 공지사항 치환자 사용방법과 예시 (0) | 2020.09.23 |
티스토리 카테고리의 다른글 카테고리 이름추가(인덱스 치환자) (0) | 2020.08.06 |