2011-09-26 61 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的另一個問題。它解決了這個人的問題。