{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 beautiful° 的问题《Including jQuery and other JS files in Liferay The》','https://www.manongdao.com/q-622075.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
I use Liferay 6.1 and I created my theme (sample-theme) and I want add jQuery.
How can I do that?
Why I have folders: sample-theme and liferay-work and both have folders: css, js, templates?
I created folder _diffs and subfolder js and there copy jQuery and add in portal_normal.vm:
<script src="/html/js/jquery/jquery-1.8.2.min.js"></script>
And I don't see any changes, Why? How can I add jQuery? Not only to a single portlet but for all.
I don't have folder docroot I am use Maven and in src/main/webapp I created folder _diffs and inside folder js, there I add jquery.js and in _diffs created templates folder an d paste:
<script src="$javascript_folder/jquery-1.8.2.min.js"></script>
And still it is wrong. Maybe folder _diffs should be in another places? What should be a structure of maven project?
diffs is only required when there is ant project, for MAVEN you do not need diffs
request.getContextPath is useful when u want to do it in portlets & Not themes.
you can use "$javascript_folder to access anything inside js folder
Add
<script src="$themeDisplay.getPathThemeRoot()js/jquery-1.8.2.min.js" type="text/javascript">in portal_normal.vmafter adding the file to sample-theme/docroot/_diff/js folder
You can also use a CDN directly
<script src="<jquery url in CDN>" type="text/javascript">This should be helpful for you
You can add all your javascript files to the
jsfolder in your theme like:And then to make it available for everybody you can write any of the following lines in the
<head>section of the template filesportal_normal.vmandportal_pop_up.vmpresent in the directorysample-theme/docroot/_diffs/templates/:Or
Note:
portal_pop_up.vmis for applying your javascript changes to AUI dialog pop-ups, if you are using themSome more explanation as to how things work:
$javascript_folderis a velocity variable present in the theme's template files which points to the javascript storage path (default is:${root-path}/js) which can be defined in theliferay-look-and-feel.xmllike this:You can also customize
${root-path}just like<javascript-path>by specifying it inliferay-look-and-feel.xmlas<root-path>as shown. The default value of${root-path}is/i.e. it refers to the directorysample-theme/.Basically the folders
css,js,templates&imagesare the ones which gets updated with the changes you make in the corresponding_diffsfolder (_diffs/css,_diffs/jsetc) when you build the theme. So that is the reason the velocity variables like$javascript_folder&$css_folderpoint tosample-theme/js&sample-theme/cssrespectively instead ofsample-theme/_diffs/jsorsample-theme/_diffs/css.Hope this helps.
You should add jquery-1.8.2.min.js to the folder docroot/_diffs/js in your theme. Then in docroot/_diffs/templates/portal_normal.vm you should add the following line to the <head /> section:
I think, it should work.