JQquery_jquery 사용 경험 공유

"
"

"
"

"
"

" ;"
"

";
$("body ", window.parent.document).append(msgDiv)
$("#msg_show_a", window.parent.document). click(function(){msg_click()})
}
var msg_click = function(){
var msgDiv = window.parent.document.getElementById("msg_block")
if ( "없음" == msgDiv.style.display) {
msgDiv.style.display = "차단";
} else {
msgDiv.style.display = "없음"
}
}
this.getMessage = function() {
$.ajax( {
tyep : "POST",
url : "/msg/getPromptMsgInfo.action",
success : function (msg) {
var json = eval(msg);
var num = json.length;
if (num != 0) {
$("#msg_show",window.parent. document).css("display", "");
$("# msg_content", window.parent.document).empty()
for ( var i = 0; i < num; i ) {
var title = json[i].TITLE.substr(0, 12 )
var sub = "

json[i].TITLE
"" >"
title
"

";
var MSG_ID=json[i].MSG_ID;
var RELATION_ID=json[i]. RELATION_ID;
$("#msg_content", window.parent.document).
$(" #a_" i, window.parent.document).click("{'MSGID': '" MSG_ID "','RELATIONID':'" RELATION_ID "'}",
function(e){
msgSelected (e.data);
});
}
} else{
$("#msg_show", window.parent.document).css("display", "none");
}
}
});
}
var msgSelected = function(data) {
var href = ""; var json
eval(" json=" data);
var msgId = json.MSGID;
var 관계Id = json.RELATIONID;
/*start----논리 작성*/
if (1 == 관계Id ) {
href = "/usercenter/showWaitDiagnose.action?isOnClick=3"
}
//........
/*end----*/
$.ajax( {
유형 : "post",
url : "/msg/updateMsgStatue.action",
data : "msgId=" msgId,
성공 : function() {
parent.window.location.href = href;
}
})
}
}
function getMsg(){
new msgClass().getMessage() ;
}
$(document).ready(function(){
var msg = new msgClass();
msg.init();
msg.getMessage();
setInterval("getMsg()", 3000)
});
우선 제가 jQuery를 꽤 잘 사용한다고 생각했지만 어제 작업을 마치고 이제 막 시작했다는 걸 깨달았습니다. 괜찮은. 다음으로는 어제 겪었던 문제점과 해결방안에 대해 간략히 말씀드리겠습니다.
1. iframe에서 상위 창의 요소를 가져옵니다.
예: 일부 요소를 동적으로 삽입할 수 있도록 상위 창에서 본문을 가져옵니다. $("body", window.parent.document)
기본 키가 ID인 상위 창에서 요소 가져오기: $("#identity", window.parent.document)
요약: $(선택기, 가져오려는 창의 문서 개체), 위!
2. 요소 이벤트를 동적으로 추가합니다
좋습니다. 먼저 작성하는 방법 두 가지를 알려드리고 어느 것이 맞는지 생각해 보시면 됩니다. JS 메서드가 있다고 가정합니다: function fun(){....} html이 있습니다: 이 div에 대한 onclick 이벤트를 추가합니다
　2.1 $(" #div1 ").click(fun());
2.2 $("#div1").click(function(){fun()});
좋아요, 2.1인가요, 2.2인가요?
생각해보셨나요? 정답은 2.2입니다. 믿을 수 없다면 시도해 볼 수 있습니다. 2.1 방법을 사용하면 fun()을 실행하는 것과 효과가 동일합니다.
3. 매개변수 전달 문제
메소드에 대해 이야기했으니 이제 매개변수에 대해 이야기해야 합니다. function fun(a, b){....} 메소드가 있다고 가정합니다. 이제 다른 메소드에서 2.2 메소드를 호출하여 div에 이벤트를 추가합니다.
　예:
어쩌면 e.data가 더 궁금하실 수도 있습니다. 사실 우리가 보내려는 데이터 메시지는 firebug를 통해 확인할 수 있습니다. ：




코드 복사