wijdialog

登录

请问题wijdialog的buttons为什么没有应用样式,如下图

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<meta name="description" content="" />
<meta name="author" content="" />
<link href="/wijmo/themes/aristo/jquery-wijmo.css" rel="stylesheet" type="text/css" title="rocket-jqueryui" />
<script src="/jquery/jquery.min.js" type="text/javascript"></script>
<script src="/jquery/jquery-ui.min.js" type="text/javascript"></script>
<link href="/wijmo/css/jquery.wijmo-pro.all.3.20171.111.min.css" rel="stylesheet" type="text/css" />
<script src="/wijmo/js/jquery.wijmo-open.all.3.20171.111.min.js" type="text/javascript"></script>
<script src="/wijmo/js/jquery.wijmo-pro.all.3.20171.111.min.js" type="text/javascript"></script>
<title></title>
</head>
<body style="font-size:75%;margin:0;padding:0;">
<div id="dialog"></div>
</body>
</html>
<script id="scriptInit" type="text/javascript">
$(document).ready(function () {
$('#dialog').wijdialog({
title: "对话框", width: 320, height: 240,
autoOpen: true, captionButtons: {
pin: { visible: false }, refresh: { visible: false }, toggle: { visible: false }, minimize: { visible: false }, maximize: { visible: false }
}, closeOnEscape: true,
show: 'size', hide: 'size', modal: true, resizable: false,
buttons: {
"确定": function () {
$(this).wijdialog("close");
},
"取消": function () {
$(this).wijdialog("close");
}
}
});
});
</script>

复制代码

Alice · Alice

谢谢您的反馈
您说的是什么样式没有应用上呢？我测试了您的代码，但是有问题，代码不能运行起来。

km_black · km_black

本帖最后由 km_black 于 2017-3-17 13:19 编辑

我的环境是 jQuery v1.12.4,jQuery UI - v1.12.1,购买的jquery.wijmo-pro.all.3.20171.111.min.js
dialog对话框的样式没有应用成功,正常情况下 "确定"和"取消"按钮样式如下图

这个是官网dialog的button截图,按钮正常

截止到现在,所有设置button的地方都不正常,下图是设置wijgrid编辑button

km_black · km_black

另,测试环境要修改引用库的路径,可以按我的环境测试

Alice · Alice

km_black 发表于 2017-3-15 15:48
我的环境是 jQuery v1.12.4,jQuery UI - v1.12.1,购买的jquery.wijmo-pro.all.3.20171.111.min.js
dialog ...

从图片上看的确有问题。
麻烦您给我发个可以重现问题的Demo，需要测试重现您的问题。

km_black · km_black

发现问题了,是引用不对,改成
<link href="/wijmo/Themes/rocket/jquery-wijmo.css" rel="stylesheet" type="text/css" />
<link href="/wijmo/css/jquery.wijmo-pro.all.3.20171.111.min.css" rel="stylesheet" type="text/css" />
<script src="/wijmo/samples/WidgetExplorer/js/require.js" type="text/javascript"></script>
<script src="/wijmo/samples/WidgetExplorer/js/require.wijmo.config.js" type="text/javascript"></script>
就正常了,为什么啊?

km_black · km_black

本帖最后由 km_black 于 2017-3-17 13:18 编辑

直接引用官网的示例也可以,换成本地的3.20171.111版本就是不行,请帮忙,谢谢!

<script src="http://code.jquery.com/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.11.0/jquery-ui.min.js" type="text/javascript"></script>


<link href="http://cdn.wijmo.com/themes/aristo/jquery-wijmo.css" rel="stylesheet" type="text/css" />


<link href="http://cdn.wijmo.com/jquery.wijmo-pro.all.3.20161.90.min.css" rel="stylesheet" type="text/css" />


<script src="http://cdn.wijmo.com/jquery.wijmo-open.all.3.20161.90.min.js" type="text/javascript"></script>
<script src="http://cdn.wijmo.com/jquery.wijmo-pro.all.3.20161.90.min.js" type="text/javascript"></script>

Alice · Alice

km_black 发表于 2017-3-17 13:12
直接引用官网的示例也可以,换成本地的3.20171.111版本就是不行,请帮忙,谢谢!

我看您两层楼发的代码，有的是引用的20161，有的是20171，这是不同的版本
您换成本地的，要看看引用的路径是否正确，另外还需要清一下缓存。

从您提到的引用官网的可以，本地不可以，推测一般都是代码引用有问题。具体的怎么不行，还是需要看您的Demo，这样看不出您那里写错了。

		自动登录	找回密码
密码			立即注册

wijdialog

本帖子中包含更多资源

7 个回复

本帖子中包含更多资源

活字格认证

微信认证勋章

元老葡萄