|
| |
 진기원(jjinki)
2013/01/11 09:34:48
|
|
|
[2.5안] 고유의 id를 이용하여 루프를 피하는 방식
<< loop... >>
<a href="#" id_="delete_btn_<< idx >>">삭제</a>
<< loop... >>
<script>
$(function(){
$("[id^=delete_btn_]").click(function(){
alert($(this).attr("id").substr(10));
});
});
</script>
간단하게 구현이 가능하고 비니지스 로직 분리도 용이한 방식.
그러나 전달할 파라미터의 갯수와 내용이 많아지면 파싱 자체에 부담이 걸림
|
 0  0  0 |
|
|
|
|
|
|
|
|
| |
진기원(jjinki)
2013/01/11 09:35:15
|
|
|
#idx=24&mode=delete 이런식으로다가..
정규식을 활용하면.. 여러개의 값도 전달 할 수 있고요.. 구글에서도.. 해시를 통해 ajax를 구현중이죠..
jquery hashchange 플러그인을 통해 이벤트도 따올 수 있고요~ 여러모로 자주 쓰는 방법이에요~
이걸로다가 페이징을 구현하면.. 뒤로가기(history)문제도 말꼼하게~ 해결되더라구요~
<< loop... >>
<a href="#idx=<< idx >>" class="delete_btn" >삭제</a>
<< loop... >>
<script>
$(function(){
$(".delete_btn").click(function(){
alert($(this).attr("href").replace(~~~) );
});
});
</script>
|
|
0 0 0 |
|
|
|
|
|
|
|
|
| |
진기원(jjinki)
2013/01/11 09:35:37
|
|
|
3안을 사용하긴 하지만 사용방법은 조금 다릅니다.
<< loop... >>
<a href="#" class="delete_btn" data-idx="<< idx >>">삭제</a>
<< loop... >>
<script>
$(function(){
$(".delete_btn").click(function(){
alert($(this).data("idx"));
});
});
</script>
|
|
1 0 0 |
|
|
|
|
|
|
|