Datatables無法顯示彈出菜單

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();
  });
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章