jQuery 질문
- 작성자 :
- 현*규
- 작성일 :
- 2014-12-24 17:24:24
- 조회수 :
- 746
- 구분 :
- 기타
- 진행상태 :
- 완료
Q
안녕하세요.. 지금 제가 모바일을 하고 있는데.. 질문 좀 하려고 합니다..
댓글을 하고 있는데 수정버튼을 클릭하면 toggle()함수를 사용해서 <textarea> 태그를 toggle 시켜서
사용이 가능합니다.. 그래서 수정이 되는데
같은 아이디로 댓글을 하나 더 남기면 두번째 댓글부터 수정버튼이 클릭이 안되는데 어떻게 해야하는 건가요
jQuery
$(document).ready(function() {
$("#date").click(function() {
$('#dele').toggle();
$('#ans').toggle();
$('#comt').toggle();
$('#content').toggle();
$('#update').toggle();
});
});
이고요
HTML은
<div class="re_list">
<ul>
<c:forEach items="${comVO}" var="comVO">
<li>
<dl>
<dt>${comVO.authorName}<span>${comVO.regDate}</span></dt>
<dd id="comt">${comVO.content}</dd>
<c:if test="${memberVO.memberName == comVO.authorName}">
<form action="/mobile/article/update.do">
<div hidden="hidden" id="content">
<textarea name="content" class="form-control" rows="3">${comVO.content}</textarea>
</div>
</dl>
<div hidden="hidden" id="update" style="float: right;">
<input type="hidden" name="articleIdx" value="${artVO.articleIdx}" />
<input type="hidden" name="boardIdx" value="${artVO.boardIdx}" />
<input type="hidden" name="commentIdx" value="${comVO.commentIdx}" />
<button class="btn btn-info btn-xs" onclick="update('this.form')">확 인</button>
</div>
</form>
<p>
<button class="btn btn-default btn-xs" id="date">수 정</button>
<button class="btn btn-default btn-xs" id="dele" onclick="dele('${comVO.commentIdx}');">삭 제</button>
<button class="btn btn-default btn-xs" id="ans">답글</button>
</p>
</c:if>
</li>
</c:forEach>
</ul>
</div>
이렇게 사용했습니다
그런데 두번째 부터 클릭이 안 먹히는데 어떻게 해야 하는지 알여주세요..
부탁드립니다..
정말 급해서 빠르게 부탁드립니다
댓글을 하고 있는데 수정버튼을 클릭하면 toggle()함수를 사용해서 <textarea> 태그를 toggle 시켜서
사용이 가능합니다.. 그래서 수정이 되는데
같은 아이디로 댓글을 하나 더 남기면 두번째 댓글부터 수정버튼이 클릭이 안되는데 어떻게 해야하는 건가요
jQuery
$(document).ready(function() {
$("#date").click(function() {
$('#dele').toggle();
$('#ans').toggle();
$('#comt').toggle();
$('#content').toggle();
$('#update').toggle();
});
});
이고요
HTML은
<div class="re_list">
<ul>
<c:forEach items="${comVO}" var="comVO">
<li>
<dl>
<dt>${comVO.authorName}<span>${comVO.regDate}</span></dt>
<dd id="comt">${comVO.content}</dd>
<c:if test="${memberVO.memberName == comVO.authorName}">
<form action="/mobile/article/update.do">
<div hidden="hidden" id="content">
<textarea name="content" class="form-control" rows="3">${comVO.content}</textarea>
</div>
</dl>
<div hidden="hidden" id="update" style="float: right;">
<input type="hidden" name="articleIdx" value="${artVO.articleIdx}" />
<input type="hidden" name="boardIdx" value="${artVO.boardIdx}" />
<input type="hidden" name="commentIdx" value="${comVO.commentIdx}" />
<button class="btn btn-info btn-xs" onclick="update('this.form')">확 인</button>
</div>
</form>
<p>
<button class="btn btn-default btn-xs" id="date">수 정</button>
<button class="btn btn-default btn-xs" id="dele" onclick="dele('${comVO.commentIdx}');">삭 제</button>
<button class="btn btn-default btn-xs" id="ans">답글</button>
</p>
</c:if>
</li>
</c:forEach>
</ul>
</div>
이렇게 사용했습니다
그런데 두번째 부터 클릭이 안 먹히는데 어떻게 해야 하는지 알여주세요..
부탁드립니다..
정말 급해서 빠르게 부탁드립니다
A
안녕하세요. 현창규님.
우선 올려주신 소스 만으로는 정확히 어떠한 기능이 어떻게 동작이 되지 않는지 확인이 어렵습니다.
일반적으로 화면내의 버튼에 click 이벤트를 추가 하신 경우에 해당 버튼 클릭이 안되는 경우
페이지 내의 JavaScript 에 오류가 발생하여 해당 JavaScript가 동작하지 않는 경우가 많습니다.
우선 버튼 클릭이 되지 않는 페이지에서 브라우저의 콘솔등을 확인하여,
문서상에 오류 내용을 확인 해 보셔야 할 것 같습니다.
그럼 오늘도 좋은하루 보내시기 바랍니다.
감사합니다.
우선 올려주신 소스 만으로는 정확히 어떠한 기능이 어떻게 동작이 되지 않는지 확인이 어렵습니다.
일반적으로 화면내의 버튼에 click 이벤트를 추가 하신 경우에 해당 버튼 클릭이 안되는 경우
페이지 내의 JavaScript 에 오류가 발생하여 해당 JavaScript가 동작하지 않는 경우가 많습니다.
우선 버튼 클릭이 되지 않는 페이지에서 브라우저의 콘솔등을 확인하여,
문서상에 오류 내용을 확인 해 보셔야 할 것 같습니다.
그럼 오늘도 좋은하루 보내시기 바랍니다.
감사합니다.