jQuery 时钟在 JSF2.2 中不工作

Question

我试图在我的 JSF 页面中显示时间和日期，我将 CSS 和脚本分别放在下面显示的特定文件夹中，但它不起作用。虽然使用 HTML 效果很好。你能帮帮我吗

    <h:head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <h:outputStylesheet name="css/style.css"   />
    <h:outputScript name="js/clock.js" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>

</h:head>
<h:body>
 <div class="container">
                <div class="clock">
                    <h:panelGroup id="Date">  </h:panelGroup>
                            <ul>
                                 <li id="thehours"> </li>
                                 <li id="thepoint">:</li>
                                 <li id="themin"> </li>
                                 <li id="thepoint">:</li>
                                 <li id="thesec"> </li>
                            </ul>   
</div>
</div>
</h:body>

`

Answer 1

如果 clock.js 依赖于 jQuery.js，则无法在 jQuery.js 之前加载。您应该会在浏览器控制台中看到错误

切换加载顺序

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>    
<h:outputScript name="js/clock.js" />

如果 clock.js 是一个需要初始化的插件，您还需要在两个库依赖项之后添加该初始化代码

jQuery 时钟在 JSF2.2 中不工作

jQuery clock does not work in JSF2.2

javascript

jquery

css

xhtml

jsf-2.2