FEX

让web开发更迅速、简单。

您的位置:首页 - 功能类组件列表 - 功能类组件详情

剑网3通用区服列表

2018-02-06 17:26:50

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

效果演示