Rails 3 и jQuery Datepicker - PullRequest
Новая
       14

Rails 3 и jQuery Datepicker

2 голосов
/ 26 сентября 2011

Мне нужен совет по моей проблеме, я использую jquery ui DatePicker, эта работа действительно хороша в моей проблеме с рельсами, но в форме, которую я использую с этим jquery, в конце страницы появляется белая строка.Когда я выбираю поле с помощью Datepicker и выбираю дату, белая строка исчезает.

мои jquery выглядят так: 

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

моя форма имеет поле text_field 

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

Я использую jQuery min 1.6.2 My Layout head 

  <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>

спасибо

Ответы [ 2 ]

1 голос
/ 27 сентября 2011

Если вы загружаете Prototype в соответствии с моими комментариями по вашему вопросу, посмотрите мой ответ здесь на другой вопрос, касающийся RoR и jQuery. Это решило проблемы этого человека.

1 голос
/ 27 сентября 2011

Я тоже время от времени сталкиваюсь с этой проблемой.По какой-то причине (ошибка?) Панель выбора даты иногда не скрывается.Простой обходной путь - добавить еще одну строку, чтобы скрыть ее самостоятельно после инициализации средств выбора даты.Например, 

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