使用方法
加载jquery和JS
<script src="//zhcdn01.xoyo.com/assets/lib/jquery/jquery.1.7.2.js"></script>
<script src="//zhcdn01.xoyo.com/xassets/com/jxsj3dsy/serverlist/v1/server.js"></script>
设置注入的DOM(本示例设置为:.xsj-jx3-server-list)
初始化代码
$('.xsj-jx3-server-list').jxsj3DsySeverSelect({
domName:'.xsj-jx3-server-list',
isAreaInfo:true, //如果为true就显示区的信息 不设置就只显示服务器
onStart:function () { //DOM拼装完毕时 回调(用于修改DOM结构和文字)
},
/**
* @param $serverName 服务器名(如:双线一区) 如果没有选择返回的值是empty
* @param $serverId 服务器ID(如:z21) 如果没有选择返回的值是0
* @param $areaName 区名 (如:飞龙在天) 如果没有选择返回的值是empty
* @param $areaId 区ID (如:gate2201) 如果没有选择返回的值是0
*
*/
serverInfoCallback: function($serverName,$serverId,$areaName,$areaId){
console.log($serverName)
console.log($serverId)
console.log($areaName)
console.log($areaId)
}
});
demo网址
//zhcdn01.xoyo.com/xassets/com/jxsj3dsy/serverlist/v1/server.html
效果演示