个人中心
gpt4 book ai didi

jquery - 为什么 JQuery 不能在 JSF (Primefaces) 中工作

转载 作者：行者123 更新时间：2023-12-01 01:26:26 25 4
gpt4 key购买 nike 

<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:composite="http://java.sun.com/jsf/composite"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.prime.com.tr/ui">

<h:head>

    <script src="/resources/js/jquery-1.7.2.js" ></script>

    <script >

        $j=jQuery.noConflict();

        function appendText() {
            alert('hi');
            var txt1 = "<p>Text.</p>";
            var txt2 = $j("<p></p>").text("Text.");
            var txt3 = document.createElement("p");
            txt3.innerHTML = "Text.";
            $j("p").append(txt1, txt2, txt3);
        }

        function appendList() {
            var item1 = "<li>List item</li>";
            var item2 = $j("<li></li>").text("List item");
            var item3 = document.createElement("li");
            item3.innerHTML = "List item";
            $j("ol").append(item1, item2, item3);
        }
    </script>
</h:head>

<h:body>

<f:verbatim>
<p>This is a paragraph.</p>
<ol>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ol>
<button id="btn1" onclick="appendText()">Append text</button>
<button id="btn2" onclick="appendList()">Append list items</button>
</f:verbatim>
<h:form>
<h:commandButton value="jsf cmd btn APPEND TEXT" onclick="appendText()" id="btn3"/>


</h:form>
</h:body>

</html>

这是一个简单的 JSF 页面，脚本中包含 JQuery 代码。

当我运行时，页面加载正确。但是，它没有调用 JQuery 脚本。

我不知道为什么......任何人都可以建议我做错了什么吗？

感谢提示。

最佳答案

您应该删除包含 jQuery 的脚本标记。

Primefaces 与 jQuery 捆绑在一起，因此如果您在 web.xml 配置文件中正确配置 Primefaces Resources servlet，那么它将自动包含在您的所有网页中。

编辑:

此外，您不能使用 $ 字符在 JSF 页面上调用 jQuery，因为这是表达式的保留字符。您必须以长形式调用 jQuery...

jQuery('.example').click();

编辑2:

另外，尽量不要在 JavaScript 中同时使用单引号和双引号。

        alert('hi');
        var txt1 = "<p>Text.</p>";

选择一个引号字符并坚持使用。这是一个很好的做法。

关于jquery - 为什么 JQuery 不能在 JSF (Primefaces) 中工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12973552/

25 4 0
文章推荐： python - 将一个元组写入多行 CSV
文章推荐： javascript - 如何在 Angular2 中从一个组件连接到另一个组件
文章推荐： javascript - 如何在vue组件中导入js文件？
文章推荐： javascript - 动态创建的对象在尝试访问其键值时返回未定义
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com