Question

我有以下JSF页面：

<?xml version="1.0" encoding="UTF-8"?>
<!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:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

<h:body>

    <h1>Example</h1>
    <h:form>
        <h:panelGrid columns="2" cellpadding="5">
            <h:outputText value="Counter: " />
            <h:outputText id="txt_count" value="#{counterBean.count}" />
        </h:panelGrid>

        <p:commandButton value="Count" actionListener="#{counterBean.increment}" update="txt_count"/>
    </h:form>

</h:body>

</html>

加载时，页面上不包含jQuery（CSS文件）。

是否有任何特殊配置强制PrimeFaces包含jQuery和CSS？

Answer 1

您忘记声明<h:head>。

<html ...>
    <h:head>
        ...
    </h:head>
    <h:body>
        ...
    </h:body>
</html>

CSS / JS资源通过<h:head>自动包含。

Answer 2

您需要在页面顶部添加此内容。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
    <h:head>
    </h:head>
    <h:body>
    <!-- content goes here -->
    </h:body>
</html>

你需要删除这一行：primefaces已经包含了这个。

<h:outputScript library="primefaces" name="jquery/jquery.js"/>

PrimeFaces没有插入jQuery

2 个答案: