1

我有一个使用 Twitter Bootstrap 的 Rails 3.2.5 应用程序。我正在尝试使用 JQuery UI 日期选择器。我已经用谷歌搜索了几天寻找解决方案,但找不到任何东西。我在 Rails 视图中有一个文本字段,我试图将其与 JQuery 日期选择器一起使用。但是,当我单击文本字段时,什么也没有发生。

在我的 Rails 视图中,我有一个简单的 text_field_tag ,如下所示:

<%= text_field_tag 'andrew' %>

在我关联的 CoffeeScript 文件中:

$ ->
  $('#andrew').datepicker

在 Chrome 开发者工具 JavaScript 控制台中,我看到了这个错误:

未捕获的类型错误:对象 [对象对象] 没有方法 'datepicker'

现在我已经确定 JQuery-UI 和 Bootstrap 之间存在冲突。在同一个 JavaScript 控制台中,我可以这样做:

jQuery.noConflict();

我得到

function (a,b){return new e.fn.init(a,b,h)}

然后我可以输入:

$('andrew'.datepicker();

我得到:

[<input id="andrew" name="andrew" type="text" class="hasDatepicker">]

在此之后,当我转到浏览器窗口时,单击文本字段会显示我想要的日期选择器日历。

那么如何让它在我的代码中工作呢?也就是说,我正在手动解决 JavaScript 控制台中的冲突,但我无法仅通过我的代码让它工作。

4

1 回答 1

0

看起来我在经历了很多痛苦之后解决了这个问题。我创建了一个新项目,然后慢慢地、有条不紊地将我的应用程序的各个部分转移到新应用程序中。我终于发现了一个仅在我的项目中存在上述问题的目录。

有一个“public/assets”目录,内容如下。我不记得创建此目录或将这些文件放在该目录中。将目录重命名为不同的名称会导致我的 JQuery-UI datepicker 与 Twitter Bootstrap 一起正常工作。

以下是公共/资产的内容:

-rw-r--r--  1 andrunix  staff   83360 Sep  3 18:01 application 6fc1172d858485077bbecdb82b96399a.css
-rw-r--r--  1 andrunix  staff   13546 Sep  3 18:01 application-6fc1172d858485077bbecdb82b96399a.css.gz
-rw-r--r--  1 andrunix  staff  100616 Sep  3 18:01 application-990a4cf0df42934fcc4c14aaf88b7ced.js
-rw-r--r--  1 andrunix  staff   35448 Sep  3 18:01 application-990a4cf0df42934fcc4c14aaf88b7ced.js.gz
-rw-r--r--  1 andrunix  staff   83294 Sep  3 18:01 application.css
-rw-r--r--  1 andrunix  staff   13484 Sep  3 18:01 application.css.gz
-rw-r--r--  1 andrunix  staff  100618 Sep  6 20:26 application.js
-rw-r--r--  1 andrunix  staff   35448 Sep  3 18:01 application.js.gz
-rw-r--r--  1 andrunix  staff   13826 Aug 30 17:42 glyphicons-halflings-f6675c325532ec11a984d58e172b8e2a.png
-rw-r--r--  1 andrunix  staff    8777 Aug 30 17:42 glyphicons-halflings-white-13553a5bf21ae3cc374006592488ec64.png
-rw-r--r--  1 andrunix  staff    8777 Aug 30 17:42 glyphicons-halflings-white.png
-rw-r--r--  1 andrunix  staff   13826 Aug 30 17:42 glyphicons-halflings.png
-rw-r--r--  1 andrunix  staff     368 Sep  5 15:00 manifest.yml
-rw-r--r--  1 andrunix  staff    6646 Aug 10 19:57 rails-be8732dac73d845ac5b142c8fb5f9fb0.png
-rw-r--r--  1 andrunix  staff    6646 Aug 10 19:57 rails.png

如果有人知道这是如何创建的,那会让我放心。谢谢!

安德鲁

于 2012-11-16T19:13:59.687 回答