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中不起作用

1 个答案: