BUG

地区被表格覆盖问题

问题见下图,表格和地区选择,单独使用没有问题,一起使用,选地区时,表格浮在上面,导致不能点击

 

js:

$(document).ready(function() {

var table = $('#example').DataTable({

"processing" : true,

"serverSide" : true,

"ajax" : "/arap/queryPay3",

//字段属性

"columnDefs" : [ {

"targets" : [ 0 ],

"visible" : false,//是否隐藏

"searchable" : false

} ]

});

        var $area5Input = $("input[name=area5]").areaselect({

            dataUrl: function (selectedAreaObj) {

                //data from mock.js , please "npm install && npm run dev"

                var url = "/area/getChildren";

                return $.ajax(url, {

                    data: selectedAreaObj ? { areaId: selectedAreaObj.areaValue } : ""

                }).then(function (resData) {

                    //handle resData

                    console.info(resData)

                    return resData;

                })

            }

        });

});

 

html

<center>

<form action="" class="am-form">

<fieldset>

<table border="0" cellspacing="5" cellpadding="5">

<tbody>

<tr>

<td><label for="doc-vld-name">最小金额:</label></td>

<td><input type="text" id="min" name="min" placeholder="最小金额"

class="am-form-field" /></td>

<td><label for="doc-vld-name">最大金额:</label></td>

<td><input type="text" id="max" name="max" placeholder="最大金额"

class="am-form-field" /></td>

<td>     <input id="area-input-1" type="text" name="area5" placeholder="请选择地区" readonly>

<button class="am-btn am-btn-secondary" type="submit">提交</button>

</td>

</tr>

</tbody>

</table>

</fieldset>

</form>

</center>

<table id="example"

class="am-table am-table-striped am-table-bordered am-table-compact"

cellspacing="0" width="100%">

<thead>

<tr>

<th>id</th>

<th>用户</th>

<th>房产</th>

<th>房产类型</th>

<th>项目</th>

<th>金额</th>

<th>支付时间</th>

</tr>

</thead>

 

</table>

4271617C-A986-4E5D-81B5-6A9F011761CE.png
已邀请:

linjun1185

赞同来自:

最好通过http://bin.amazeui.org/来复现一下,然后回帖一下复现后的地址。

要回复问题请先登录注册