Datatables無法正常顯示下拉菜單
如圖所示:
產生原因:datatables自動生成頁面代碼,導致z-index失效
產生原因參考: https://blog.csdn.net/apple_01150525/article/details/76546367
解決辦法:
在頁面內加入datatableMenu元素如圖所示
然後根據需要下拉的下三角按鈕的在頁面中位置去添加下拉菜單的內容
//下拉三角的位置
$(document).on('click','.fa-caret-down',function(e){
$(document).find('.datatableMenu')
.empty()
.css({
'position':'absolute',
'left':$(this).offset().left+'px',
'top':($(this).offset().top+15)+'px',
})
.show()
.append('<ul class="dropdownMenu"><li><a class="dimensionLink"></a></li><li><a ><i class=" fa fa-line-chart fa-lg" title="分日數據"></i></a></li></ul>')
$(document).one("click", function(){
$('#wrapper').find('.datatableMenu').hide();
});
e.stopPropagation();
});
$(document).on('click','.datatableMenu',function(e){
e.stopPropagation();
});