JQuery-UI和Bootstrap冲突

我有一个使用Twitter Bootstrap的Rails 3.2.5应用程序。我正在尝试使用JQuery UI日期选择器。我已经搜索了几天，寻找解决方案并找不到任何东西。我有一个Rails视图中的文本字段，我试图使用JQuery datepicker。但是，当我点击文本字段时，没有任何反应。JQuery-UI和Bootstrap冲突

在我的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控制台中的冲突，但是我无法通过我的代码来实现它。

来源

2012-11-13 andrunix

这一切对我来说更为复杂，因为我根本不都知道CoffeeScript中和，似乎是在Rails的默认了。 – andrunix

有关Bootstrap 3和jQuery UI之间冲突的更新？ –

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

有一个“公共/资产”目录下面的内容。我不记得创建该目录或将这些文件放在该目录中。将该目录重命名为不同的内容导致我的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

如果有谁知道这是怎么创作的，这使我的放心。谢谢！

安德鲁

来源

2012-11-16 19:13:59 andrunix

哦，我知道这是如何创建的。 bundle exec rake资源：预编译 – andrunix

JQuery-UI和Bootstrap冲突

回答

相关问题