너무 기초적인 질문이라 올리기에 많이부끄럽네요 (__)
계속 끙끙되고있어서 질문을 드립니다.
클릭했을때 a링크 클릭시 이벤트를 만들고싶은데
<script>
$(a).click(function() {
console.log('test');
});
혹은
$("#id).click(function() {
console.log('test');
});
</script>
이렇게 사용하는데 이벤트가 하나도 발생이 안되네요
너무 기초를 등한시해서 제가 뭔가 놓치고있는건지
그누보드내에선 너무 좀더 신경써야될점이 있는걸까요 ?
|
답변 3개 / 댓글 7개
채택된 답변
+20 포인트
2019-12-17 (화) 15:51:29
개발자 도구에서 콘솔 탭을 보세요.
오류가 나올 겁니다.
$(a) => $("a")
$("#id) => $("#id")
답변에 대한 댓글 5개
2019-12-17 (화) 15:52:49
2019-12-17 (화) 16:16:08
아마도 클릭할 때 페이지 전환이 일어나서 그런 게 아닐까 싶네요.
$("a").click(function(e) {
e.preventDefault();
console.log("test");
});
$("a").click(function(e) {
e.preventDefault();
console.log("test");
});
2019-12-17 (화) 16:24:22
먼저 미숙한 질문에 다시 답변해주셔서 감사합니다!
저도 처음에 목표한것은 return false와 e.preventDefault 링크이동막는게 목표였습니다.
말씀해주신대로 a 태그도 넣어보고
$("#id").click(function(e) {
e.preventDefault();
console.log("test");
});
했는데 콘솔창에 변화도없고 바로 화면이동만 스무스하게 진행이되버리네요 ㅠ.ㅠ
저도 처음에 목표한것은 return false와 e.preventDefault 링크이동막는게 목표였습니다.
말씀해주신대로 a 태그도 넣어보고
$("#id").click(function(e) {
e.preventDefault();
console.log("test");
});
했는데 콘솔창에 변화도없고 바로 화면이동만 스무스하게 진행이되버리네요 ㅠ.ㅠ
2019-12-17 (화) 16:43:45
저 부분 무시하고 화면이 이동된다는 건 해당 스크립트가 전혀 안 먹는다는 소린데 오류가 나는 페이지 주소를 보여 주셔야 할 것 같네요.
2019-12-17 (화) 16:47:10
역시 말씀해주신대로 스크립트가 하나도 안먹히는게 맞는거같습니다. ㅠㅠ
이게 제개인페이지가아니라 내일 연차복귀하시면 사수분한테 물어봐야겠습니다
너무 친절하고 끝가지 대답해주셔서 감사합니다 !! 채택했습니다 좋은하루되세용 :D
이게 제개인페이지가아니라 내일 연차복귀하시면 사수분한테 물어봐야겠습니다
너무 친절하고 끝가지 대답해주셔서 감사합니다 !! 채택했습니다 좋은하루되세용 :D
2019-12-17 (화) 15:53:06
$(function(){
});
요소들이 로드 된 후에 이벤트가 등록되어야 하므로
해당 태그 안에 감싼 후에 실행하셔야 할 듯 하네요
답변에 대한 댓글 1개
2019-12-17 (화) 15:59:06
$(function(){
$("a").click(function(){
alert("test");
});
});
이런식 말씀하시는게 맞을까요 ??
$("a").click(function(){
alert("test");
});
});
이런식 말씀하시는게 맞을까요 ??
devdev
2019-12-17 (화) 15:52:54
먼저 jquery 가 사용가능해야 합니다.
소스보기 하셔서 페이지에 <script src="/js/jquery-1.8.3.min.js"></script> 이런식으로 들어가 있는 지 확이해보세요.
답변에 대한 댓글 1개
2019-12-17 (화) 15:54:56
<script src="도메인/js/jquery-1.8.3.min.js"></script>
확인해봤는데 사용되고있네요
확인해봤는데 사용되고있네요
답변을 작성하려면 로그인이 필요합니다.
정확하게 기입하고있습니다. 오해할만하게 글을 써서 죄송합니다 수정하겠습니다 ㅠ.ㅠ