程序员经验分享-hwhale

Liferay主题中包含jQuery和其他JS文件

2024-03-02

我使用 Liferay 6.1 并创建了我的主题 (sample-theme）我想添加jQuery。 我怎样才能做到这一点？

为什么我有文件夹：sample-theme and liferay-work两者都有文件夹：css、js、模板？

我创建了文件夹_diffs和子文件夹js然后复制 jQuery 并添加portal_normal.vm:

<script src="/html/js/jquery/jquery-1.8.2.min.js"></script>

我没有看到任何变化，为什么？如何添加 jQuery？不仅针对单个 portlet，而且针对所有 portlet。

我没有文件夹docroot我正在使用 Maven 并在src/main/web应用程序我创建了文件夹_diffs和里面的文件夹js，我在那里添加jquery.js and in _diffs创建模板文件夹并粘贴：

<script src="$javascript_folder/jquery-1.8.2.min.js"></script>

但它仍然是错误的。也许文件夹 _diffs 应该在其他地方？ maven项目的结构应该是怎样的？


您可以将所有 javascript 文件添加到js主题中的文件夹，例如：

示例主题/docroot/_diffs/js/jquery-1.8.2.min.js

然后为了让每个人都可以使用它，您可以在<head>模板文件的部分portal_normal.vm and portal_pop_up.vm存在于目录中sample-theme/docroot/_diffs/templates/:

#js ("$javascript_folder/jquery-1.8.2.min.js")

Or

<script src="$javascript_folder/jquery-1.8.2.min.js"></script>

Note: portal_pop_up.vm is for applying your javascript changes to AUI dialog pop-ups, if you are using them

关于事情如何运作的更多解释：

$javascript_folder是主题模板文件中存在的速度变量，它指向 javascript 存储路径（默认为：${root-path}/js) 可以定义在liferay-look-and-feel.xml像这样：

<theme id="sample" name="Sample">
    <root-path>/html</root-path> <!-- optional -->
    <javascript-path>${root-path}/js/jQuery</javascript-path> <!-- So path becomes: sample-theme/html/js/jQuery -->
</theme>

您还可以定制${root-path}就像<javascript-path>通过在中指定它liferay-look-and-feel.xml as <root-path>如图所示。默认值为${root-path} is /即它引用目录sample-theme/.

基本上都是文件夹css, js, templates & images是那些随着您在相应的更改中所做的更改而更新的_diffs文件夹 （_diffs/css, _diffs/js等）当您构建主题时。这就是速度变量的原因$javascript_folder & $css_folder指向sample-theme/js & sample-theme/css分别代替sample-theme/_diffs/js or sample-theme/_diffs/css.

希望这可以帮助。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

jQuery

liferay

liferay6

liferaytheme

Liferay主题中包含jQuery和其他JS文件 的相关文章

  • 将 h1 元素的内容复制到剪贴板？

    所以 我做了一个翻译器 但效果不是很好 但无论如何 它正在工作 我想尝试添加一些可以复制结果的内容 有没有办法做到这一点 以下是我的代码 提前致谢 我知道有一种方法可以通过输入来完成此操作 但我不确定是否可以通过标题来完成 var myTe

  • Javascript：确认、确定、取消按钮上的自定义文本

    我有一个验证 我想显示 继续 和 返回 而不是 确定 和 取消 但我无法找到准确的解决方案 任何人都可以帮助我

  • 当选择更改时使用 JQuery 进行检测

    我有一个 Jqgrid 它动态生成这样的选择

  • 为什么控制台不显示从选择器返回的 jQuery 对象的方法？

    我知道如果我输入 正文 我得到一个 jQuery 对象 然而 在 chrome 的控制台上 我只能看到 jQuery 对象的内部数组 尽管事实上 jQuery 方法是可以访问的 例如 body hide 为什么控制台没有向我显示所有可访问的

  • jQuery 选择除最后一个之外的所有内容

    使用 jQuery 如何选择除最后一个元素之外的所有元素 div class elem 1 div div class elem 2 div div class elem 3 div 例如 我想隐藏 div 的 1 和 2 但保留 3 di

  • Jquery获取javascript文件而不运行

    我想使用 jquery 获取文件的内容 通常我可以使用 get file function data alert data 当我尝试获取 javascript 文件时 jquery 在返回回调之前运行 javascript 代码 如何在不运

  • Materialize CSS，显示自动完成芯片的图像

    文档物化芯片 http materializecss com chips html展示您可以用图像制作芯片 div class chip img src images yuna jpg alt Contact Person Jane Doe

  • 将脚本 Jquery 转换为 Javascript

    我需要将以下 jquery 脚本转换为 javascript

  • JavaScript 和 jQuery 有什么区别[关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 可能的重复 jQuery 和 JavaScript 有什么区别 https stackoverflow com questions 2

  • Jquery 单击功能不适用于动态元素

    我在用 each使用每个数组对象创建按钮 我还尝试给每个按钮一个特定的 id 这样我就可以执行单击事件以进一步编码 但现在我不知道为什么所有按钮都不起作用 我错过了一些代码吗 var questlist startdate 2015 01

  • 将数组传递给 json.stringify

    我试图将数组传递给 json stringify 但返回的值返回为空 JSON stringify json data returns json 这是数据的内容 data from email protected cdn cgi l ema

  • 如何将正文中的数字替换为波斯数字？

    我想将 html 内容中的每个数字转换为波斯数字 而不会对页面元素产生其他影响 例如 div style color c2c2c2 text number 1 span text number 2 span div text number

  • 图像上的 JQuery 加载事件

    我想在加载图像时将图像父级的大小调整为与图像相同的大小 此时我正在使用这段代码 window load function image principale each function this parent css height this

  • 使用 Sinon.js 并阻止调用我的应用程序服务器

    足够简单的问题 我希望我们 sinon js 测试一段 javascript 以确保它调用 ajax方法同时做两件事 我不想真正访问服务器 我想模拟来自服务器的响应 所以这是 JS ajax url tickets id json data

  • 类型错误：无法读取未定义的属性“存在”

    我正在尝试为 jsx 文件编写一个测试用例 在此我能够传递 proptypes 但不是我正确传递 proptypes 的地方 当我运行测试用例时出现错误 下面提供我的错误 测试用例和代码 类型错误 无法读取未定义的属性 存在 不知道如何让它

  • 如何在 jQuery/javascript 中获取边框宽度

    如何解析边框宽度 style border solid 1px black 在 jQuery javascript 中 elem css border width 不这样做 注意我需要解析 css 的宽度 因为元素可能是display no

  • 对同一域发出 get 请求，出现 CORS 错误

    在浏览器扩展中 这是我的 ajax 调用 var xhr new XMLHttpRequest xhr open GET window location href true xhr responseType arraybuffer xhr

  • jQuery UI 和原型冲突

    我正在 Perl 中向我们的网站添加一个新表单 不是我的选择 表单会自动生成大量 html 以创建一致的外观 我的问题在于遗留系统在整个页面 包括加载时 中使用原型来处理各种事情 不过我想使用 jQuery 主要是 jQuery UI 中的

  • 让 hashchange 事件在所有浏览器（包括 IE7）中工作

    我有一些代码 由另一位开发人员编写 在 WordPress 内部进行 AJAX 页面加载 例如 没有页面重新加载 当您单击导航项时 AJAX 会刷新主要内容区域 我的问题是它在 IE7 中被破坏了 我不知道从哪里开始调试 最初的开场白是 v

  • .js.erb VS .js

    将 Rails 应用程序的 javascript 放入 js erb 文件而不只是将其放入 application js 文件有什么好处 我有一个企业创建按钮 因此我应该将代码放入 create js erb 文件中 还是使用以下方法将其放

随机推荐

热门标签