jQuery function의 올바른 쓰기 방법

3566 단어
올바른 jQuery 쓰기 형식:
도입:


html 쓰기 방법:

 

 

 

 

 <br><br/><script src="modules-js/qiyi.js"/> <br><br/><script> <br><br>$(function() { <br><br>qiyiPlugin.init($("#zong_qiyi")); <br><br>}); <br><br> <br>//XXXXXXXXXXXXXX <br>jQuery 쓰기:<br>var qiyiPlugin = <br>{ <br>init: function(parentNode) { <br>var self = this; <br>self.parentNode = parentNode; <br>//부분 새로 고침<br>self.parentNode <br>.on('refresh',function(event){ <br>self.qiyiList(); <br>}); <br>}, <br>//표시<br>qiyiList: function(){ <br>var self = this; <br>//내부 기능 정보 표시<br>self.getQiyiList(function(result){ <br>//console.log(result); <br>if(result.qiyiList){ <br>self.qiyiHtml1();//html 다시 덮어쓰기, 내용 중복 방지<br>self.displayQiyiList(result.qiyiList);//페이지 내용 보여주기<br>}else{ <br>alert("기예 데이터를 얻지 못했습니다. 인터페이스를 보십시오.);<br>} <br>}); <br>}, <br>//기이한 내용 표시<br>displayQiyiList: function(qiyiList){ <br>var self = this; <br>var top = "#zong_qiyi"; <br>$(top).find('#qiyi_control_panel').each(function(){ <br>if ($(this).data('data')) $(this).remove(); <br>}); <br>var line0 = $(top).find("#qiyi_control_panel"); <br>$.each(qiyiList,function(index,item2){ <br>var line1 = $(line0).clone(); <br>$(line1).data('data',item2);//추가 속성 데이터와 정보<br>$(line1).attr('id',index+1); <br>$(line1).find("#name").html(item2.name); <br>$(line1).find("#level").html(item2.level); <br>$(line1).find("#maxLevel").html(item2.maxLevel); <br>$(line1).find("#exp").html(item2.exp+"/"+item2.needExp); <br>$(line1).find("#desc1").html(item2.desc1); <br>$(line0).before(line1); <br>$(line1).show(); <br>$(line1).find("#upgrade") <br>.on('click',function(event){ <br>var table = $(this).parents('table:first'); <br>var info = $(table).data('data'); <br>self.clickToUpgradeQiyi(info, function(result){ <br>if(!result.success){ <br>alert(result.fail.desc1); <br>}else{ <br>//alert(result.success.desc1); <br>growingPlugin.playerTopData();//attrs 속성 변경<br>self.parentNode.trigger('refresh'); <br>} <br>}); <br>}); <br>}); <br>}, <br>//html값 부여-<br>qiyiHtml1: function() { <br>var string = ""; <br>string += ""; <br>string += ""; <br>string += ""; <br>string += ""; <br>string += ""; <br>string += ""; <br>string+="이름:haoren 내공 현재 레벨:최대 레벨:exp:설명:레벨업"<br>$("#zong_qiyi").html(string); <br>}, <br>//기예 승급<br>clickToUpgradeQiyi: function(info,callback) { <br>var query = "operation=upgradeQiyi"; <br>query += "&qiyiName="+ info.name; <br>toolsPlugin.play(query,callback); <br>}, <br>//기예 리스트 획득<br>getQiyiList: function(callback) { <br>var query = "operation=getQiyiList"; <br>toolsPlugin.play(query,callback); <br>}, <br>};
3단계 연동 - jQuery
jQuery input 기본값 숨기기 및 표시

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage