gpt4 book ai didi

jquery - 在 Liferay 6 中使用 Jquery 代码

转载 作者:行者123 更新时间:2023-11-30 23:56:00 25 4
gpt4 key购买 nike

我正在使用 Liferay 6 作为应用程序。我想使用 Jquery 作为用户界面部分而不是默认的 Alloy。为此,我通过这种方式编辑 liferay-portlet.xml 将 JQuery 与 Liferay 集成

<portlet>
<portlet-name>First</portlet-name>
<icon>/icon.png</icon>
<instanceable>true</instanceable>
<header-portlet-css>/css/main.css</header-portlet-css>
<header-portlet-javascript>https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js</header-portlet-javascript>
<header-portlet-javascript>https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.15/jquery-ui.min.js</header-portlet-javascript>
<footer-portlet-javascript>/js/main.js</footer-portlet-javascript>
<css-class-wrapper>First-portlet</css-class-wrapper>
</portlet>

这是我的 View .jsp

<%@ taglib uri="http://java.sun.com/portlet_2_0" prefix="portlet" %>

<portlet:defineObjects />

This is the <b>Sai Nath</b> portlet.

现在请告诉我如何将下面的 Jquery Hello World Alert 放入 view.jsp

这是我的 Jquery Hello World 警报程序

<html>
<head>
<title>jQuery Hello World Alert box</title>

<script type="text/javascript" src="jquery-1.4.2.js"></script>

</head>
<script type="text/javascript">
$(document).ready(function(){
$("#cl").click(function(){
alert("HELLO WORLD!");
});
});
</script>
<body>
<font color="red">CLICK BELOW BUTTON TO SEE ALERT BOX</font>
<br>
<br>
<button id="cl">Click Me</button>
</body>
</html>

请告诉我,感谢您的阅读。

最佳答案

首先:您的 portlet 的 jsp 决不应该包含 <html> , <head><body> 。这些部分是门户网站的业务。

此外,您再次在页面中包含 jquery,即使您已要求 Liferay 将其包含在 head 部分中(如您声明的那样)。

如果你省略这个,它的工作原理就像你上面写的一样 - 我已经测试过它。这是我的jsp:

<%@ taglib uri="http://java.sun.com/portlet_2_0" prefix="portlet" %>
<portlet:defineObjects />

<script type="text/javascript">
$(document).ready(function(){
$("#cl").click(function(){
alert("HELLO WORLD!");
});
});
</script>

<font color="red">CLICK BELOW BUTTON TO SEE ALERT BOX</font>
<br>
<br>
<button id="cl">Click Me</button>

完全不同的选项使用 AlloyUI(或 YUI)的能力 dynamically load jQuery作为 AlloyUI 模块。无需在 liferay-portal.xml 中进行声明。您甚至可以在一个页面中加载不同版本的 jquery。该jsp看起来像这样:

<%@ taglib uri="http://java.sun.com/portlet_2_0" prefix="portlet" %>

<portlet:defineObjects />

AUI/jQuery
<script>
AUI().use('gallery-yquery', function(A) {
var jq = A.YQuery();
jq.version = '1.6.2';
jq.use( function() {
alert( 'jquery ' + $.fn.jquery + ' loaded' ); // Will show that 1.6.2 loaded successfully
$(document).ready(function(){
$("#cl").click(function(){
alert("HELLO WORLD!");
});
});
});
});
</script>

关于jquery - 在 Liferay 6 中使用 Jquery 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11328970/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com