2016-12-01 24 views
0

PHP/mySQL WebサイトでDatatables Editorを使用しています。Datatables Editorのボタンが長いモーダルで表示されない

モーダルフォームが(スクロールして)それが長い開き、最初のクリックで表示されませんモーダルの右下に表示することになっているUPDATEボタン。

最初のクリックでは、スクロールバーのない短い方のモダールには、UPDATEボタンが表示されます。私は、フォーム、再オープンエディタの右上にある「×」をクリックすることで、長いモーダルを閉じた場合

、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

感謝をロードされている!!!!これは私の問題を解決しました。 –

関連する問題