我使用的是JTable最新版本,JQuery 2.1.0和JQuery- ui稳定版本。我创建了一个Jtable表,但我在显示"添加新项目"one_answers"删除"弹出窗口时遇到了一些麻烦。似乎css不包括在内。"添加窗口"没有颜色(透明),并且在错误的位置。(主题的颜色不受尊重)。
我该如何修复它?这是我的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>
谢谢,m .
这个对话框是jquery UI对话框,你需要添加jquery- UI .css
可能是您使用的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;
}