2011-02-18 84 views
1

我有日期选择器配置为我的网页上使用显示..如果我不添加一个jQuery主题,日期选择器显示..JQuery的日期选择器只有在没有jQuery的样式表包含

问题是,当我加入jquery主题(例如ui-lightness),日期选择器不再显示。我可以在萤火虫中看到日期选择器在那里,但它不显示!

我用$this->Jquery()->addStylesheet('path');添加的样式表,当我检查浏览器的源代码,样式表存在..

我已经删除了所有其他的CSS来检查它是否是一个干扰的问题,但没有运气。

有帮助吗?

问题展开:

从Apress的书临的Zend Framework技术的CMS工作 - 建立完整的CMS。

bootstrap.php中

$view->addHelperPath("ZendX/JQuery/View/Helper", "ZendX_JQuery_View_Helper"); 

layout.phtml

echo $this->jQuery(); 

由于只有这些命令我得到一个完整的工作日期选择器,只在一个非常:

日期选择器是通过以下文件初始化基本布局。

layout.phtml

$this->headLink()->prependStylesheet('js/jQuery/css/ui-darkness/jquery-i-1.8.9.custom.css') echo $this->headLink(); 

的日期选择仍然是在页面上,但不再可见: 当我通过添加一个样式表。 我试图通过

$this->headScript()->appendFile('js/jQuery/js/jquery-ui-1.8.9.custom.min.js'); echo $this->headScript(); 

,但没有结果reffering在layout.phtml定制jquery.ui JS ......在这两种情况下,CSS和JS文件都没有源代码。所以没有断开的链接。我评论了所有的CSS链接,所以我确信没有任何干扰。


问题展开:

从Apress的书临的Zend Framework技术的CMS工作 - 建立完整的CMS。

日期选择器是通过以下文件初始化:

bootstrap.php中

$视图 - > addHelperPath( “ZendX/JQuery的/视图/助手”, “ZendX_JQuery_View_Helper”);

layout.phtml

回声$这 - >的jQuery();

只有这些命令我得到一个完整的工作datepicker,只在一个非常基本的布局。

当我通过添加一个样式表:

layout.phtml

$这个 - > headLink() - > prependStylesheet('JS/jQuery的/ CSS/UI的黑暗/ jQuery的I-1.8。 9.custom.css') echo $ this-> headLink();

datepicker仍然在页面上,但不再可见。

我试图reffering在layout.phtml定制jquery.ui JS通过

$这个 - >用HeadScript() - > appendFile('JS/jQuery的/ JS/jQuery的UI,1.8.9.custom .min.js'); echo $ this-> headScript();

,但没有结果..

在两种情况下,CSS和JS文件都没有源代码

。所以没有断开的链接。

我注释掉了所有的css链接,所以我确信没有任何干扰。

+0

如果您静态添加样式表,即使用链接标记,会发生什么情况? – Lazarus 2011-02-18 09:19:30

+0

相同的东西..样式表是有.. – Dieter 2011-02-18 10:11:36

回答

0

首先下载主题模式形成此链接http://jqueryui.com/themeroller/

参考CSS和JS的在您的网站和日历将是可见的。

如果你想添加自己的calendarImage并避免三个点{...}使用按钮画面:属性在日历

$("#Element").datepicker({ 
     dateFormat: 'M d, yy', 
     navigationAsDateFormat: true, prevText: 'M', nextText: 'M', 
     changeMonth: true, 
     changeYear: true, 
     showOn: "both", 
     showStatus: true, 
     firstDay: 0, 
     buttonImage: '/Content/images/Calendar_img.png', 
     buttonImageOnly: true 
    }); 

的初始化也看看这个Zend Framework - JQuery - Date Picker - Format Date to YYYY-mm-ddZend Framework - JQuery - Date Picker - Images not displayed

希望它有帮助

1

今天我发生了同样的事情。我认为这是因为我使用了旧版本的jquery-ui(随Ubuntu分发)。在点击我的自定义主题的下载链接之前选择“传统版本”选项会生成使日期选择器再次工作的CSS。

备注:我使用的jquery和jquery-ui版本虽然不是最新版本,但比自定义主题下载页面上列出的版本更新。我有点惊讶,我必须使用“传统”选项。