CSS และ JS ไม่ทำงานกับ PrimeFaces [ซ้ำกัน]

ใครช่วยบอกฉันหน่อยได้ไหมว่าทำไม CSS และ JS หยุดทำงานในโครงการ PrimeFaces 5.1 ของฉัน ฉันปรับใช้โครงการของฉันในเซิร์ฟเวอร์ Apache Tomcat

นี่คือหน้า home.xhtml ของฉัน:

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

    <head></head>

    <h:body>
        <p:layout style="min-width:400px;min-height:100px;">
            <p:layoutUnit position="center" size="400"  >
            </p:layoutUnit>
        </p:layout>

        <p:layout style="min-width:400px;min-height:500px;">
            <p:layoutUnit position="west" size="244"  >
                <h5>
                    <h:form>
                        <p:menu toggleable="true">
                            <p:submenu label="Eleves">
                                <p:menuitem value="Nouvel élève"
                                            action="#{menuView.setSelectedItem(1)}"
                                            update=":globalPanel"/>

                                <p:menuitem value="Consultation"
                                            action="#{menuView.setSelectedItem(2)}"
                                            update=":globalPanel"/>

                            </p:submenu>
                            <p:submenu label="Personnels">
                            </p:submenu>
                            <p:submenu label="Notes">
                            </p:submenu>
                            <p:submenu label="Caisses">
                            </p:submenu>
                            <p:submenu label="Salaires">
                            </p:submenu>
                            <p:submenu label="Référentiel">
                            </p:submenu>
                        </p:menu>
                    </h:form>
                </h5>
            </p:layoutUnit>

            <p:layoutUnit position="center">
                <p:panel  id ="globalPanel"  >
                    <p:panel id="inscriptionPanel"
                             rendered="#{menuView.selectedItem == 1}"
                             header="Inscription"
                             style="margin-bottom:20px">
                        <ui:include src="/addStudent.xhtml" />
                    </p:panel>

                    <p:panel id="testerPanel"
                             rendered="#{menuView.selectedItem == 2}"
                             header="Consultation"
                             style="margin-bottom:20px">
                        <ui:include src="/consul.xhtml" />
                    </p:panel>
                </p:panel>
            </p:layoutUnit>
        </p:layout>
    </h:body>
</html>

เมื่อฉันปรับใช้ ฉันได้รับข้อผิดพลาดในคอนโซลของเบราว์เซอร์ เช่น:

Uncaught TypeError: ไม่สามารถอ่านคุณสมบัติ 'cw' เป็นโมฆะ (ดัชนี): 1

Uncaught TypeError: ไม่สามารถอ่านคุณสมบัติ 'ab' เป็นโมฆะ (ดัชนี): 1

Uncaught TypeError: ไม่สามารถอ่านคุณสมบัติ 'ab' เป็นโมฆะ (ดัชนี): 1

และรูปลักษณ์ก็หายไป:


javascript css jsf primefaces jsf-2
person Adnane17    schedule 04.01.2015    source แหล่งที่มา
comment
ฉันกำลังทำซ้ำความคิดเห็นเดียวกันที่นี่ cw และ ab เหล่านั้นจะไม่ปรากฏในตัวอย่าง XHTML ที่กล่าวถึง คุณเป็นคนเดียวที่สามารถพูดอะไรเกี่ยวกับพวกเขาได้โดยดูจากโค้ด HTML ที่สร้างขึ้น เบราว์เซอร์จะระบุไฟล์ JavaScript ที่มีข้อผิดพลาดเหล่านี้พร้อมหมายเลขบรรทัดที่เหมาะสม ทำอย่างรวดเร็ว   -  person Tiny    schedule 04.01.2015
comment
โปรดอย่าลืมดูในบันทึกเซิร์ฟเวอร์ด้วย   -  person BalusC    schedule 04.01.2015
comment
function() {with (this[2]) {with (this[1]) {with (this[0]) {return function(event) {PrimeFaces.ab({s:'j_idt8:j_idt11',u:' globalPanel',f:'j_idt8'});ส่งคืนเท็จ;   -  person Adnane17    schedule 04.01.2015
comment
มันบอกว่า primefaces มีค่า null เลยอ่านค่า null ไม่ได้ !!   -  person Adnane17    schedule 04.01.2015
comment
บอกได้เลยว่าปัญหาคือไม่ได้กำหนด primeFaces มันมีค่าเป็น null !!!   -  person Adnane17    schedule 04.01.2015
comment
ฉันไม่มีข้อผิดพลาดในบันทึกเซิร์ฟเวอร์ของฉัน !!!   -  person Adnane17    schedule 04.01.2015
comment
คุณเคยคลิกลิงก์ซ้ำนั้นหรือไม่? ลิงก์จะแจ้งว่าโดยพื้นฐานแล้วคุณจำเป็นต้องเปลี่ยน HTML ธรรมดา <head> เป็น <h:head> และคุณก็น่าจะสบายดี ไฟล์ JS/CSS ที่สร้างขึ้นอัตโนมัติเหล่านั้นจาก PrimeFaces จะไม่รวมอยู่ในแท็ก HTML <head> ที่สร้างขึ้น เว้นแต่คุณจะใช้ <h:head> ดังนั้นคุณกำลังวิ่งอยู่โดยไม่มีพวกมันทั้งหมด ดังนั้นความผิดพลาดเหล่านั้น   -  person Tiny    schedule 04.01.2015
comment
ขอบคุณสำหรับคำตอบ แต่ JS ก็ยังไม่ทำงาน !!!   -  person Adnane17    schedule 05.01.2015
comment
ฉันเข้าชมโพสต์ของคุณอย่างชัดเจน มิฉะนั้น ระบบจะไม่แจ้งเตือนเมื่อมีผู้ใช้มากกว่าหนึ่งรายเกี่ยวข้อง เว้นแต่คุณจะใช้ชื่อผู้ใช้ร่วมกับ @ เช่น @xxx อย่างชัดแจ้ง คุณหมายถึงจะบอกว่าไฟล์ JS/CSS จากไลบรารี PrimeFaces ยังไม่รวมอยู่ในโค้ด HTML ที่สร้างขึ้นใช่ไหม ลองตรวจสอบโค้ด HTML ที่สร้างขึ้น (บนเบราว์เซอร์ที่คุณสนใจ - คลิกขวา - ดูแหล่งที่มา) เพื่อดูว่าไฟล์ JS/CSS ที่จำเป็น (โดยเฉพาะ primefaces.js) ถูกเพิ่มลงในแท็ก <head> หรือไม่ และใช่ อย่าลืมสร้าง การเปลี่ยนแปลงที่จำเป็นในเทมเพลต XHTML ของคุณ   -  person Tiny    schedule 05.01.2015
comment
ขอบคุณมาก @Tiny ตอนนี้ปัญหาของฉันอยู่ที่ JS ปัญหา css ได้รับการแก้ไขแล้ว ฉันเห็นว่า primefaces.js.xhtml ถูกเพิ่มในแท็ก ‹head› แต่มันใช้งานไม่ได้ !!!   -  person Adnane17    schedule 05.01.2015
comment
หากเพิ่ม CSS/JS เหล่านั้นลงในแท็ก HTML <head> ที่สร้างขึ้นอย่างถูกต้อง คุณควรได้รับข้อผิดพลาดอื่น (หากมี) คุณหมายถึงจะบอกว่าคุณยังคงได้รับข้อผิดพลาดเดียวกันกับที่กล่าวไว้ในคำถามนี้และการเปลี่ยนแปลงที่คุณทำไม่ได้สร้างความแตกต่างใดๆ เลยใช่หรือไม่ มันไม่ควรเกิดขึ้นเลย ในกรณีที่คุณกำลังประสบปัญหาประเภทอื่น โปรดพิจารณาถามคำถามแยกต่างหาก เนื่องจากคำถามนี้ปิดไปแล้ว   -  person Tiny    schedule 05.01.2015