如何在liferay主题中使用jquery四舍五入的插件?

时间:2014-01-16 11:14:21

标签: liferay liferay-6 liferay-theme liferay-velocity

我在liferay 6.1中开发了一个主题。

  • 在css中我写了border-radius属性,但是没有用 IE6到IE8。
  • border-radius是一个css3属性,适用于IE9 +
  • 我想在我的主题中使用jquery圆角来添加 IE 6+到IE 8版本的border-radius功能。

我不知道在哪里添加jquery圆角插件。我想在portal_normal.vm文件中使用圆角作为横幅。

任何人都可以帮助我添加此jquery插件以及如何在主题横幅中应用border-radius功能吗?

提前致谢。

1 个答案:

答案 0 :(得分:1)

在知道并犯错误后开始感觉很复杂我觉得这很简单:我按照以下步骤在我的主题中实现上述jquery舍入功能:

1.在

部分的portal_normal.vm文件中添加以下代码
<script type="text/javascript" src="/html/js/jquery/jquery.js"></script>
<script src="$javascript_folder/jquery_roundcorner.js"></script>

2.在_diffs / js文件夹下创建jquery_roundcorner.js文件

添加了以下代码:用于在横幅

中添加jquery圆角功能
$(document).ready(function()    {
    $('#banner').corner();
});

3.删除_diffs下custom.css横幅中的border-radius属性。