Jquery ui JQuery UI和引导冲突

Jquery ui JQuery UI和引导冲突,jquery-ui,twitter-bootstrap,jquery-ui-datepicker,Jquery Ui,Twitter Bootstrap,Jquery Ui Datepicker,我有一个Rails 3.2.5应用程序正在使用Twitter引导。我正在尝试使用jQueryUIDatePicker。我已经在谷歌上搜索了好几天,寻找解决方案,但什么也找不到。我在Rails视图中有一个文本字段,我正试图使用jQueryDatePicker。但是,当我在文本字段中单击时,什么也没有发生 在我的Rails视图中,我有一个简单的文本\字段\标记,如下所示: <%= text_field_tag 'andrew' %> 在Chrome Developer Tools Ja

我有一个Rails 3.2.5应用程序正在使用Twitter引导。我正在尝试使用jQueryUIDatePicker。我已经在谷歌上搜索了好几天,寻找解决方案,但什么也找不到。我在Rails视图中有一个文本字段,我正试图使用jQueryDatePicker。但是,当我在文本字段中单击时,什么也没有发生

在我的Rails视图中,我有一个简单的文本\字段\标记,如下所示:

<%= text_field_tag 'andrew' %>
在Chrome Developer Tools JavaScript控制台中,我看到以下错误:

未捕获的TypeError:对象[Object Object]没有方法“datepicker”

现在我已经确定jQueryUI和引导之间存在冲突。在同一个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">]
之后,当我转到浏览器窗口时,在文本字段中单击会显示datepicker日历,就像我希望的那样


那么如何在代码中实现这一点呢?也就是说,我正在JavaScript控制台中手动解决冲突,但我无法通过我的代码使其正常工作。

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

有一个“public/assets”目录,其内容如下。我不记得创建过这个目录,也不记得把这些文件放在那个目录中。将目录重命名为其他名称导致我的jQueryUIDatePicker与TwitterBootstrap一起正常工作

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

-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
如果有人知道这是怎么产生的,那我就放心了。谢谢


Andrew

这对我来说就更复杂了,因为我根本不知道CoffeeScript,这似乎是Rails现在的默认设置。是否有关于Bootstrap 3和jQuery UI之间冲突的更新?哦,我知道这是如何创建的。bundle exec rake资产:预编译
-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