Question

我使用JTable最新版本， JQuery 2.1.0和JQuery-UI稳定版。我创建了一个Jtable表，但是在显示＆＃34;添加新项目＆＃34;时遇到了一些问题。并删除＆＃34;弹出。似乎不包括css。＆＃34;添加窗口＆＃34;是没有颜色（trasparent），并在错误的位置。（主题的颜色不受尊重）。

我该如何解决？这是我的html文件：

            <html lang="en">
              <head>
                <script src="jquery/jquery-2.1.0.js"></script>
                <script src="jquery-ui/ui/minified/jquery-ui.min.js"></script>
                <script src="jtable/jquery.jtable.min.js"></script>
                <link rel="stylesheet" href="jtable/themes/metro/blue/jtable.min.css">
                <script type="text/javascript">
                    $(document).ready(function () {
                        $('#MyTable').jtable({
                            title: 'Table',
                            actions: {
                                listAction: '/GettingStarted/PersonList',
                                createAction: '/GettingStarted/CreatePerson',
                                updateAction: '/GettingStarted/UpdatePerson',
                                deleteAction: '/GettingStarted/DeletePerson'
                            },
                            fields: {
                                PersonId: {
                                    key: true,
                                    list: false
                                },
                                Name: {
                                    title: 'Author Name',
                                    width: '40%'
                                }
                            }
                        });
                    });
                    $('#MyTable').jtable('load');
                </script>
              </head>
              <body>
                <div id="MyTable"></div>
              </body>
            </html>

谢谢，微米。

Answer 1

对话框是jquery UI对话框，需要添加jquery-ui.css

Answer 2

您使用的jquery-ui版本可能存在问题

“添加新记录”链接/按钮可创建包含这些类

的表单

class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-dialog-buttons ui-draggable ui-resizable

为了获得透明的形式，ui-widget-content可能是罪魁祸首。检查您使用的jquery-ui是否有

.ui-widget-content {
    background: url("../img/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF;
    border: 1px solid #AAAAAA;
    color: #222222;
}

jtable“添加新记录”css不显示

2 个答案:

您使用的jquery-ui版本可能存在问题