[spring security] jquery li 클릭시 이동하기
ajax에서 data를 받아오고 화면에 뿌려줄때 li를 많이 사용합니다.
그리고 보통 html 코드상에 제목이나 특정 키워드에 <a> 엘리먼트를 이용하여 자바스클비트를 호출하여
다음 화면이나 상세 data를 가져오도록 하고 있습니다.
여기서는 가능하면 <body> 엘리먼트 안에서는 자바스크립트를 사용안하고 id나 class를 이용하려고 하다 보니까
다음처럼 엘리먼트를 클릭했을때 jquery를 이용하여 부여된 id, class의 click 이벤트로 값을 받아와서 이동하도록 한 것입니다.
data는 자바스크립트 변수에 json형식으로 담았습니다.
var temp = '';
var event_url=[];
for(i=0; i<data.length; i++) {
temp = temp + data[i].url;
event_url.push({
id:data[i].id,
url:data[i].url
});
}
// li 클릭시 값 가져오기
$(".event_search_item li").on("click", function(){
var idx = $('.event_search_item li').index(this);
var id = event_url[idx].id;
var url = event_url[idx].url;
window.location.href = url+"?id="+id;
});
[spring security] jquery li 클릭시 이동하기
'programming > spring_security' 카테고리의 다른 글
| [spring security] 이용자 정보 가져오기 설정하기 (0) | 2014.10.30 |
|---|---|
| [spring security] 페이징 게시판 만들기 2) 고객센터 게시판 달기 (0) | 2014.09.19 |
| [spring security] mybatis Map으로 요청해서 List Map으로 가져오기 (0) | 2014.09.16 |
| [spring security] 페이징 게시판 만들기 1) data 가져와서 뿌리기 (0) | 2014.09.14 |
| [spring security] 화면단 개발 방법 하나 (0) | 2014.09.01 |