/극장정보가 클릭 되었을 때 상세 주소를 가져오는 스크립트
$(document).on('click', '.step-place-li', function(event){
event.preventDefault();
//몇번째 데이터인지 알아보기
var index = $(".step-place-li").index(this);
//클릭된 인자의 값을 알아내어 a태그의 값을 가져오기
addr = $(".select-place:eq(" + index + ")").attr('href');
detailAddr(addr);
});
| ajax에서 가져온 데이터에 이벤트를 적용할 때 안된 이유 (0) | 2018.06.17 |
|---|
Ajax를 이용해서 뿌려준 데이터에 이벤트를 처리하려고 했을 되지않았다 대부분의
이벤트 처리는 아래와 같은 방식으로 처리한다
그러나 ajax로 뿌려준 데이터는 아래와 같은 방식으로 처리해야한다.
문제는 .click이 이미 페이지에있는 요소에만 작동한다는 것입니다. on미래의 요소를 연결 하는 것과 같은 것을 사용해야 합니다.
$(document).on("click",".step-place-li", function(){
alert("success");
});$("#movieplace").on("click",".step-place-li", function(){
alert("success");
});출처 :https://stackoverflow.com/questions/17715274/jquery-click-function-doesnt-work-after-ajax-call
| 선택된 인자가 몇 번째인지 찾는 방법 (0) | 2018.06.17 |
|---|
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
/*
엘리먼트의 속성을 추가/변경/삭제/조회하기
- 속성의 추가 : 엘리먼트에 새로운 속성과 속성값을 추가한다.
el.setAttribute(속성명, 속성값);
- 속성의 변경 : 엘리먼트에 지정된 속성명을 새로운 속성값으로 바꾼다.
el.setAttribute(속성명, 속성값);
- 속성의 삭제 : 엘리먼트에서 지정된 송성명과 일치하는 속성을 삭제한다.
el.removeAttribute(속성명);
- 속성값 조회 : 엘리먼트에서 지정된 속성명의 속성값을 가져간다.
el.getAttribute(속성명);
*/
function disaledInput(){
var input = document.getElementById("user-id");
// input엘리먼트에 disbled="disabled" 속성 추가한다.
input.setAttribute("disabled", "disabled");
}
function enabledInput() {
var input = document.getElementById("user-id");
// input엘리먼트에서 "disabled"라는 이름의 속성 삭제
input.removeAttribute("disabled");
}
function getNameAttr() {
var input = document.getElementById("user-id");
var attValue = input.getAttribute("name");
alert(attValue);
}
function getIdAttr(){
var input = document.getElementById("user-id");
var attValue = input.getAttribute("id");
alert(attValue);
}
</script>
</head>
<body>
<form>
<input type="text" name="userid" id="user-id" />
</form>
<!-- input, select, textarea, button에 disabled="disabled" 속성을 추가하면 해당 엘리먼트는 비활성화 된다.-->
<button onclick="enabledInput();">활성화</button>
<button onclick="disaledInput();">비활성화</button>
<button onclick="getNameAttr();">name 속성값 읽어오기</button>
<button onclick="getIdAttr();">id 속성값 읽어오기</button>
</body>
| 함수만들 때의 차이 (0) | 2018.04.04 |
|---|---|
| ajax를 통한 아이 유효성 검사 (0) | 2018.03.27 |
//앞에서도 부를 수 있습니다.
function getReply(){
}
// 앞에서는 부를 수 없다,
//뒤에서만 부를 수 있습니다.
getReply = function(){
}
| 자바스크립트 ) Attr속을 이용한 추가 삭제 (0) | 2018.05.02 |
|---|---|
| ajax를 통한 아이 유효성 검사 (0) | 2018.03.27 |
document.getElementById("email").addEventListener("blur",function(e){
email = document.getElementById("email").value;
if(email.length>0){
$.ajax({
url:"emailcheck.me",
dataType:"json",
data:{"email":email},
success:function(data){
if(data.result==false){
document.getElementsByClassName("form-group")[0].className="form-group has-success"
}else{
document.getElementsByClassName("form-group")[0].className="form-group has-warning"
}
}
})
}
});
| 자바스크립트 ) Attr속을 이용한 추가 삭제 (0) | 2018.05.02 |
|---|---|
| 함수만들 때의 차이 (0) | 2018.04.04 |