자바스크립트 질문드립니다..ㅜㅜ
본문
포인트창 클릭시 값을 전달해서 모달창을 띄울려고하는데요...
<a href="#" data-toggle="modal" data-target="#pointModalgift" data-id="test01" onclick="return false;" target="_blank" class="pointModalgift">포인트창열기</a>
위의처럼 하면 zzz 이란 경고창이 뜨고 값도 잘전달이 되는데...
$(".pointModalgift").click(function(){
alert('zzz');
var data = $(this).data('id');
$("#me_recv_mb_id").val(data);
});
그런데...js 파일 안에 소스의 사이드뷰에서 그대로 넣으면 경고창이 안뜹니다;;;
어떤차이가 있는걸까요...뜨게 하려면 어떻게 해야할까요;;ㅜㅜ
function SideView(targetObj, curObj, mb_id, name, email, homepage)
{
...................소스생략
// 최고관리자일 경우
if (g5_is_admin == "super") {
// 포인트내역과 1:1문의
if (mb_id) {
this.insertTail("qna", "<a href=\""+g5_bbs_url+"/qalist.php?qmb="+mb_id+"\">"+aslang[40]+"</a>");
this.insertTail("point", "<a href=\""+g5_admin_url+"/point_list.php?sfl=mb_id&stx="+mb_id+"\" target=\"_blank\">"+aslang[9]+"</a>");
this.insertTail("modify", "<a href=\""+g5_admin_url+"/member_form.php?w=u&mb_id="+mb_id+"\" target=\"_blank\">"+aslang[10]+"</a>");
this.insertTail("point_gift", "<a href=\"#\" data-toggle=\"modal\" data-target=\"#pointModalgift\" data-id=1111 onclick=\"return false;\" target=\"_blank\" class=\"pointModalgift\">포인트창열기</a>");
}
}
답변 2
...................소스생략
}
위에 소스처럼 그대로 넣으면 경고창이 안뜹니다;;;
어떤차이가 있는걸까요...뜨게 하려면 어떻게 해야할까요;;ㅜㅜ
// 최고관리자일 경우
if (g5_is_admin == "super") {
// 포인트내역과 1:1문의
if (mb_id) {
this.insertTail("qna", "<a href=""+g5_bbs_url+"/qalist.php?qmb="+mb_id+"">"+aslang[40]+"</a>");
this.insertTail("point", "<a href=""+g5_admin_url+"/point_list.php?sfl=mb_id&stx="+mb_id+"" target="_blank">"+aslang[9]+"</a>");
this.insertTail("modify", "<a href=""+g5_admin_url+"/member_form.php?w=u&mb_id="+mb_id+"" target="_blank">"+aslang[10]+"</a>");
this.insertTail("point_gift", "<a href="#" data-toggle="modal" data-target="#pointModalgift" data-id=""+mb_id+"" onclick="return false;" target="_blank" class="pointModalgift">포인트창열기</a>");
}
}
$(document).ready(function(){
$(".pointModalgift").click(function(){
alert('zzz');
var data = $(this).data('id');
$("#me_recv_mb_id").val(data);
});
});
}
}
해결방법을 찾아봐도 모달이 뜨지 않는데요...
제가 찾은 방법은 아래와 같습니다.
1. 포인트창 클릭 시 해당 소스를 아래와 같이 변경합니다.
this.insertTail("point_gift", "<a href="javascript:void(0);" data-toggle="modal" data-target="#pointModalgift" data-id=""+mb_id+"" class="pointModalgift">포인트창열기</a>");
2. 그리고 클릭 시 발생하는 이벤트를 아래와 같이 추가합니다.
$(".pointModalgift").click(function(){
alert('zzz');
var data = $(this).data('id');
$("#me_recv_mb_id").val(data);
});
이렇게 하면 정상적으로 모달창이 띄워지고 값도 잘 전달됩니다.