2016-12-01 1 views
0

PHP/mySQL 웹 사이트에서 Datatables Editor를 사용하고 있습니다.Datatables 편집기 버튼이 긴 모드로 표시되지 않습니다.

모달 양식이 열리면 (스크롤러 사용) 모달 오른쪽 하단에 표시되는 UPDATE 단추가 첫 번째 클릭에 표시되지 않습니다.

첫 번째 클릭으로 스크롤 막대가없는 짧은 모달에는 UPDATE 버튼이 표시됩니다.

양식의 오른쪽 상단에있는 'x'를 클릭하고 편집기를 다시 열어 긴 모달을 닫으면 UPDATE가 마침내 표시됩니다.

편집 모드에서 업데이트 버튼이 표시되지 않는 방법을 보여주는 이미지가 있습니다. 내가 당신에게 도움을 줄 수있는 다른 정보가 무엇인지 잘 모릅니다.

enter image description here

나는 부트 스트랩을 사용하여 내 사이트에 대한 스크립트를 많이 가지고있다.

다음은 .js 파일을로드하는 방법입니다.

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.2.4.js"></script> 

<script src="assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script> 

<script src="assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script> 
<script src="assets/global/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script> 
<script src="assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script> 
<script src="assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script> 
<script src="assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script> 

<script src="https://cdn.datatables.net/buttons/1.2.1/js/dataTables.buttons.min.js" type="text/javascript"></script> 
<script src="https://cdn.datatables.net/select/1.2.0/js/dataTables.select.min.js" type="text/javascript"></script> 

.. 내 CSS 파일이 순서대로 :

<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css"/> 
<link href="assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/> 
<link href="assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/> 
<link href="assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/> 
<link href="assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/> 
<link rel="stylesheet" type="text/css" href="assets/global/plugins/bootstrap-toastr/toastr.min.css"> 
<link rel="stylesheet" type="text/css" href="assets/global/plugins/bootstrap-summernote/summernote.css"> 
<link href="assets/global/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css" /> 
<link href="assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css" /> 
<link href="https://cdn.datatables.net/buttons/1.2.1/css/buttons.dataTables.min.css" rel="stylesheet" type="text/css" /> 
<link href="https://cdn.datatables.net/select/1.2.0/css/select.dataTables.min.css" rel="stylesheet" type="text/css" /> 
<link rel="stylesheet" type="text/css" href="added-assets/plugins/editor/css/editor.dataTables.css"> 

답변

1

그것은 크롬에 문제가 여기에 설명을 참조,의, http://www.edoitor.datatables.net/forums/discussion/38145

해결 방법은 페이지 한 번 CSS를 변경하는 것입니다 로드되었습니다.

editor.on('open', function() { 
      $('div.DTE_Footer').css('text-indent', -1); 
     }); 
+0

감사합니다. !!!! 이게 내 문제를 해결했습니다. –

관련 문제