从谷歌CDN使用Jquery UI datepicker丑陋

时间:2010-08-02 19:16:50

标签: jquery jquery-ui datepicker google-api

我第一次使用Jquery。这很令人兴奋,但我遇到了一些布局问题。

首先,这是我正在开发的网站:http://davedev.com.br/projects/jdc/v1/pt/reserva.php(它是巴西葡萄牙语,但我所指的字段标有“数据”)。

好的,我正在使用Jquery和Jquery UI,以及谷歌CDN的Le Frog主题,你可以从网站的源代码中看到。

效果很好,有一些布局问题:

1 - 只需进入网站,就可以填充页脚。单击字段“数据”并显示日期选择器时,此填充消失。这意味着......当客户端没有点击该字段时,我们会得到一个丑陋的填充页脚。

2 - 日期选择器本身显示效果不佳,日期选择器右侧的某些日期会浮出来。

这两个陈述适用于Firefox 3.6.7和Opera 10.60。在Chrome上它显示正常。

关于如何解决这些问题的任何想法?

1 个答案:

答案 0 :(得分:1)

我遇到了问题。来自Jquery UI主题的一些CSS规则被我的样式表规则简单地覆盖。我的意思是,例如颜色属性。我在CSS文件上面有一个声明。 CSS主题中的一些规则具有该属性集,但所有其他没有它的元素都受到样式表规则的影响。

无论如何,我只是在样式表(宽度和颜色)上设置了一些规则,并使其正常工作。

另一个问题,填充页脚,也解决了。这是来自jquery ui的日期选择器。当它开始时,它会在文档中附加一个void div。我只是初始化不同。我没有直接调用datepicker函数,而是向Data字段添加了一个事件监听器,因此在单击它时就会启动datepicker,并且在页面加载时不再破坏布局。

而且,是的,我正在使用一些HTML5,以及CSS3。这些东西摇滚。