har*_*ari 15 javascript css jquery jsf primefaces
我有一个PrimeFaces Web应用程序.当我手动添加如下所示的jQuery和插件时,
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/onebyone/jquery.onebyone.js"></script>
<script type="text/javascript" src="js/onebyone/jquery.touchwipe.min.js"></script>
<script type="text/javascript" src="js/jquery.carouFredSel-5.5.0.js"></script>
Run Code Online (Sandbox Code Playgroud)
然后PrimeFaces组件失去了他们的功能和一些他们的风格.例如,<p:dialog>不显示,<p:accordionPanel>不滑动,<p:panelGrid>丢失填充,等等.
这是怎么造成的,我该如何解决?
Bal*_*usC 40
PrimeFaces已经捆绑了jQuery,但你已经下载并安装了另一个只与PrimeFaces捆绑的jQuery冲突的版本.我敢肯定,如果你对webbrowser的内置JavaScript控制台给予了更多的关注和喜爱,你会看到JS错误.而且,如果您通过右键单击webbrowser中的View Source检查了JSF生成的HTML输出,您会看到jquery.jsHTML中包含另一个文件<head>.
您需要删除以下行:
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
Run Code Online (Sandbox Code Playgroud)
如果您的页面不一定使用PrimeFaces组件,因此它的jQuery不会自动包含在内,那么您需要通过适当的方式显式加载其捆绑的jQuery <h:outputScript>.
<h:outputScript library="primefaces" name="jquery/jquery.js" />
Run Code Online (Sandbox Code Playgroud)
请注意,使用<h:outputScript>不会以重复的脚本包含在实际使用PrimeFaces组件的页面上.
| 归档时间: |
|
| 查看次数: |
55909 次 |
| 最近记录: |