JQuery-UI 和引导冲突

Question

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

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

<%= text_field_tag 'andrew' %>

在我关联的 CoffeeScript 文件中：

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

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

Uncaught TypeError: Object [object Object] has no method '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 控制台中的冲突，但我无法仅通过我的代码使其工作。

Answer 1

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

有一个“public/assets”目录，内容如下。我不记得创建此目录或将这些文件放在该目录中。将目录重命名为不同的名称会导致我的 JQuery-UI 日期选择器与 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

如果有人知道它是如何创建的，那我就放心了。谢谢！

安德鲁