jQuery MiniUI

标题: 关于换肤问题 [打印本页]

作者: gry 时间: 2012-8-20 15:32:06 标题: 关于换肤问题

现在出现的问题是:选择换肤时Tabs及左边的导航全部换了，底部也换了，就是我自己做的内容部分没有换过来，不知是什么原因，请指点!

作者: niko 时间: 2012-8-20 15:42:17

换肤的话，建议用boot.js动态引用一个CSS就可以了。
如果一个页面没用引用到新皮肤的css，就不能实现换肤。

作者: gry 时间: 2012-8-20 16:33:11

niko 发表于 2012-8-20 15:42
换肤的话，建议用boot.js动态引用一个CSS就可以了。
如果一个页面没用引用到新皮肤的css，就不能实现换肤。 ...

我看示例那个主页换肤，下拉框用的是“Core.js”里的“onSinkChange”函数实现的,
换肤的时候全部都换了，我也是参照那个弄的，但就是换不过来，不知道需要注意哪些设置，或什么地方容易出错，请指点!

作者: factory 时间: 2012-8-20 16:54:39

gry 发表于 2012-8-20 16:33
我看示例那个主页换肤，下拉框用的是“Core.js”里的“onSinkChange”函数实现的,
换肤的时候全部都换了 ...

这个你自己JS写个方法,根据不同的下拉选中,切换成不同的路径就可以了.
切换皮肤默认皮肤的default/miniui.css是不能去掉的,只是添加不同皮肤的skin.css即可

作者: gry 时间: 2012-8-20 23:59:07

本帖最后由 gry 于 2012-8-21 00:02 编辑

factory 发表于 2012-8-20 16:54
这个你自己JS写个方法,根据不同的下拉选中,切换成不同的路径就可以了.
切换皮肤默认皮肤的default/miniui ...

我仿照“core.js”里的那个函数写的，皮肤的路径也换了，效果就是头部及左部，底部，可以换肤，中间自己的内容页面，还是换不过来，好像自己做的内容页面没有加载那个皮肤。

作者: niko 时间: 2012-8-21 09:09:36

换肤代码：

<link href="../../scripts/miniui/themes/blue/skin.css" rel="stylesheet" type="text/css" />

参考示例：
http://www.miniui.com/demo/datagrid/celledit.html

就是确保每个页面，都引用一个css而已。
有N种方法，你用自己最适合的方法就可以了。

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)