2011-09-26 63 views
2

我需要关于我的问题的建议,我使用jquery ui DatePicker, 这个工作真的很好在我的rails问题,但在我用这个jQuery的形式,我有一个白色的行出现在最后的页面。当我用Datepicker选择字段并选择一个日期时,白色的行消失。Rails 3和jQuery Datepicker

我的jQuery都是这样

jQuery(function() { 
    $(".showcal").datepicker({showOn:'both'}); 
} 

我的表单中有一个text_field

<%= f.text_fields :first_date, :class => showcal %> 

我使用jQuery 1.6.2分钟我 布局头部

<head> 
    <title><%= content_for?(:title) ? yield(:title) : "Cadifice" %></title> 
    <%= stylesheet_link_tag "application" %> 
<%= stylesheet_link_tag "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/redmond/jquery-ui.css", "application" %> 
<%= stylesheet_link_tag "jquery.fancybox-1.3.4", "application" %> 
<%= stylesheet_link_tag "jquery.highlight-3", "application" %> 
<%= stylesheet_link_tag 'bottom' %> 
    <%= javascript_include_tag :defaults %> 

<%= javascript_include_tag "https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js", "https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.15/jquery-ui.min.js", "application" %> 
<%= javascript_include_tag 'pikachoose', 'jquery.pikachoose.full' %> 
<%= javascript_include_tag 'cadifice', 'jquery.cadifice' %> 

    <%= csrf_meta_tag %> 
    <%= yield(:head) %> 
    </head> 

感谢

+0

您是否还在加载Prototype? (这是与RoR捆绑在一起的JavaScript库,并且默认加载)。 – Michal

+0

我不哼哼,Gemfile中没有任何东西,我用我的默认布局编辑了我的问题。 – neimad

+0

它通常包含在“<%= javascript_include_tag:defaults%>”中 - 我会查看一个页面的源代码,看它是否显示在application.js文件中。 – Michal

回答

1

我也偶尔遇到这个问题。出于某种原因(错误?)datepicker面板有时不会隐藏。一个简单的解决方法是在初始化日期选择器后再添加一行来自己隐藏它。对于〔实施例,

$(".showcal").datepicker({showOn:'both'}); 
$('#ui-datepicker-div').hide(); 
1

如果要加载在您的问题按我的意见原型,看看my answer here涉及回报率和jQuery的另一个问题。它解决了这个人的问题。