2014-01-16 77 views
1

我在liferay 6.1中開發了一個主題。如何在liferay主題中使用jquery舍入插件?

  • 在CSS中我已經寫border-radius財產,這是不是在 IE6到IE8工作。
  • border-radius是CSS3屬性,這將在IE9 +
  • 工作,我想使用jQuery的圓角在我的主題,以增加 邊界半徑功能,IE 6+到IE 8版本。

我不知道在哪裏添加jquery圓角插件。我想在portal_normal.vm文件中爲橫幅使用圓角。

任何人都可以幫助我在哪裏需要添加此jquery插件以及如何在主題橫幅中應用border-radius功能?

在此先感謝。

+1

將js添加到您主題的js文件夾中,並使用portal_normal.vm中的腳本標記將其加載到_diffs或_diffs之外的 –

+0

?我必須添加這個$('#myheader')。corner(); portal_normal.vm內部的邏輯? – ASR

+0

有關css或腳本的任何更改都會添加到_diffs文件夾下的文件中。添加$('#myheader')。corner();在文檔就緒方法中的腳本標記下的portal_normal.vm中。 –

回答

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.created下_diffs/JS文件夾中的文件jquery_roundcorner.js

加入下面的代碼:在橫幅

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

3.在_diffs下的custom.css橫幅中刪除border-radius屬性。