jQuery（日期选择器）集成和图像路径的问题

我想将jQuery-DatePicker集成到我的web应用程序中。jQuery（日期选择器）集成和图像路径的问题

我下载了脚本，CSS和图像，并将它们放在相应的目录中：scripts，css和images。

我然后在scripts.xhtml定义它们：

<ui:composition 
xmlns="http://www.w3.org/1999/xhtml" 
xmlns:h="http://java.sun.com/jsf/html" 
xmlns:ui="http://java.sun.com/jsf/facelets"> 

<h:outputScript library="scripts" name="jquery-1.3.2.min.js"/> 
<h:outputScript library="scripts" name="jquery-ui-1.7.1.custom.min.js"/> 
<h:outputScript library="scripts" name="daterangepicker.jQuery.js"/></ui:composition>

和styles.xhtml;

<ui:composition 
xmlns="http://www.w3.org/1999/xhtml" 
xmlns:h="http://java.sun.com/jsf/html" 
xmlns:ui="http://java.sun.com/jsf/facelets"> 

<h:outputStylesheet library="css" name="commons.css"/> 
<h:outputStylesheet library="css" name="styles.css"/> 
<h:outputStylesheet library="css" name="doi.css"/> 
<h:outputStylesheet library="css" name="ui.daterangepicker.css"/> 
<h:outputStylesheet library="css" name="redmond/jquery-ui-1.7.1.custom.css"/> 

<!-- PRINT STYLES --> 
<!-- Note: there is currently no way to determine the "media" attribute with h:outputStylesheet --> 
<link rel="stylesheet" media="print" href="${facesContext.externalContext.requestContextPath}/javax.faces.resource/css/print.css.xhtml" type="text/css" /></ui:composition>

问题是没有加载/找到所有相关图像。

例如，背景硬编码在CSS - > background-image：url（“images/ui-icons_d8e7f3_256x240.png”）这是不对应的路径...

我是否必须指定别的地方？我无法想象我必须手动更改脚本和CSS中的所有路径...

来源

2011-11-24 Francesco

路径是实际文件的亲戚，在你的情况下.css。将jquery ui的'/ images'保存在与css文件相同的目录中，并且它们将被正确地引用 –

这些图像必须位于/css文件夹的/images子文件夹中。

无关的具体问题，你没有真正使用library的正确途径。它应该代表一个“主题”的共同图书馆。但你似乎他们都在默认库，所以你实际上应申报的资源如下：

<h:outputScript name="scripts/jquery-1.3.2.min.js"/> 
<h:outputScript name="scripts/jquery-ui-1.7.1.custom.min.js"/> 
<h:outputScript name="scripts/daterangepicker.jQuery.js"/> 

<h:outputStylesheet name="css/commons.css"/> 
<h:outputStylesheet name="css/styles.css"/> 
<h:outputStylesheet name="css/doi.css"/> 
<h:outputStylesheet name="css/ui.daterangepicker.css"/> 
<h:outputStylesheet name="css/redmond/jquery-ui-1.7.1.custom.css"/>

而且，media属性的支持是存在于<h:outputStylesheet>因为JSF 2.1：

<h:outputStylesheet media="print" name="css/print.css" />

来源

2011-11-24 12:56:26 BalusC

jQuery（日期选择器）集成和图像路径的问题

回答

相关问题