>웹 프론트엔드 >JS 튜토리얼 >jQuery function_jquery를 작성하는 올바른 방법

jQuery function_jquery를 작성하는 올바른 방법

WBOY
WBOY원래의
2016-05-16 17:27:021767검색
jQuery의 올바른 작성 형식:
소개:
HTML 쓰기:
코드 복사 코드는 다음과 같습니다.


;/title>

<script> <br>$(function() { <br>qiyiPlugin.init ($(" #zong_qiyi")) <br></script>

// XXXXXXXXXXXXXX

jQuery 쓰기:
var qiyiPlugin =
{
init: function(parentNode) {
var self = this; parentNode;
//로컬 콘텐츠 새로 고침
self.parentNode
.on('refresh',function(event){
self.qiyiList();
}); ,
//표시
qiyiList: function(){
var self = this;
//내부 강도 정보 표시
self.getQiyiList(function(result){
// console.log(result ; >}else{
alert("Qiyi 데이터를 얻지 못했습니다. 인터페이스를 확인하세요.");
}
})
},
//Display Qiyi 콘텐츠
displayQiyiList : function(qiyiList){
var self = this;
var top = "#zong_qiyi"
$(top).find('#qiyi_control_panel').each(function (){
if ($(this).data('data')) $(this).remove()
})
var line0 = $(top).find("# qiyi_control_panel");
$.each(qiyiList,function(index,item2){
var line1 = $(line0).clone();
$(line1).data('data',item2 );//추가 속성 데이터 및 정보
$(line1).attr('id',index 1)
$(line1).find("#name").html(item2.name);
$(line1 ).find("#level").html(item2.level)
$(line1).find("#maxLevel").html(item2.maxLevel)
$ (line1).find("#exp").html(item2.exp "/" item2.needExp)
$(line1).find("#desc1").html(item2.desc1); >$(line0).before(line1);
$(line1).show()
$(line1).find("#upgrade")
.on('클릭',function( 이벤트){
var table = $(this).parents('table:first');
var info = $(table).data('data')
self.clickToUpgradeQiyi(info, function(result){
if(!result.success){
alert(result.fail.desc1)
}else{
//alert(result.success.desc1); >growingPlugin.playerTopData() ;//attrs 속성 변경
self.parentNode.trigger('refresh')
}
})
}); 🎜>},
//html 값 할당 -
qiyiHtml1: function() {
var string = "";
string = "< ;/tr>";
string = "";
string = ""
string = "< td>exp:< /td>";
string = "< ;td id=desc1> ";
string = "";
string = "";
$("#zong_qiyi").html(string);
} ,
/ /Qiyi 업그레이드
clickToUpgradeQiyi: function(info,callback) {
var query = "eration=upgradeQiyi";
query = "&qiyiName="
toolsPlugin; play(쿼리, 콜백);
},
//Qiyi 목록 가져오기
getQiyiList: function(callback) {
var query = "option=getQiyiList"
toolsPlugin.play(query ,콜백) ;
},
};
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:javascript 팔로우 스크롤 효과 플러그인 코드 (javascript Follow Plugin)_javascript 기술다음 기사:javascript 팔로우 스크롤 효과 플러그인 코드 (javascript Follow Plugin)_javascript 기술

관련 기사

더보기