FEX

让web开发更迅速、简单。

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

剑网世界3D手游通用区服列表

2018-02-01 16:42:28

使用方法
 
 
加载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

效果演示