twitter bootstrap drop down funktioniert plötzlich nicht

ich Frage mich, wenn mir jemand helfen könnte. meine bootstrap-Dropdown-Menü funktioniert plötzlich nicht mehr. ich habe keine Ahnung, warum. es war vor der Arbeit. ich habe nicht berühren mein Blick auf meine layouts, views, so dass ich denke, das problem ist nicht da. im ziemlich sicher, dass es hat zu tun mit meinem javascript, aber ich weiß nicht, wo Ihr herkommt.

mein Juwel-Datei ist...

gem 'rails', '3.2.3'
gem 'bootstrap-sass', '2.0.1'
gem 'bcrypt-ruby', '3.0.1'
gem 'faker', '1.0.1'
gem 'will_paginate', '3.0.3'
gem 'bootstrap-will_paginate', '0.0.5'
gem 'devise'
gem 'carrierwave'
gem 'rmagick'
gem 'delayed_job_active_record'
gem 'daemons'
gem 'make_voteable'
gem 'admin_data'
gem 'indextank'

und meine application.js ...

//= require jquery
//= require jquery-ui
//= require jquery_ujs
//= require bootstrap-dropdown
//= require bootstrap
//= require_tree .

im raten vielleicht hat es zu tun mit meinen config Dateien irgendwie?

Kommentar zu dem Problem - Öffnen

Hmm, nicht ganz sicher, aber ich denke, es hat zu tun mit dem js Sie zu sein scheinen, einschließlich der bootstrap-dropdown.js Locker-plugin sowie die bootstrap.js plugin-Paket mit allen plugins, die bereits enthalten, die durch die Art und Weise, so dass keine Notwendigkeit, den losen plugins), die bekanntermaßen Probleme verursachen, so entfernen Sie einfach das Locker-plugin und sehen, ob das funktioniert. Kommentarautor: Andres Ilich

hmmm funktioniert immer noch nicht. ich entfernte die bootstrap-dropdown-Menü. alles, was ich zu tun ist, starten Sie den rails-server richtig wirksam werden? Kommentarautor: Sasha

ich reparierte es. aus irgendeinem Grund...//= require jquery zerriss es Kommentarautor: Sasha

noooooo! aber durch das entfernen meiner jquery, es bricht mir das andere Zeug. irgendwelche Ideen auf, was zu tun ist? Kommentarautor: Sasha

jquery geht zuerst immer, sonst bootstrap-plugins nicht funktionieren, so seine etwas anderes. Welche version von jquery sind Sie laden? Kommentarautor: Andres Ilich

InformationsquelleAutor der Frage Sasha | 2012-04-18

105

hatte, sich zu bewegen
```
//= require jquery
```
unten
```
//= require bootstrap
```
innerhalb
```
application.js
```
InformationsquelleAutor der Antwort Sasha
21

wenn das vorkompilieren Vermögenswerte nicht funktioniert, versuchen Sie, entfernen auch vorkompilierte assets

rake assets:clean

Fand ich, dass die dropdown-js geladen wird zweimal in der asset-pipeline scheint sich zu öffnen und schließen Sie das dropdown-Menü sofort, aber würde funktionieren in Heroku/Produktion.

InformationsquelleAutor der Antwort tw airball
12

Ich hatte das gleiche problem und ich fand 2 Möglichkeiten, es zu beheben.

Erste, lassen Sie mich Ihnen sagen, mein set-up: ich folgte den Anweisungen auf der bootstrap-Website heruntergeladen und bootstrap-dropdown.js. Ich habe es in assets/javascripts.
Meine application.js die Datei sieht wie folgt aus:
```
//= require jquery
//= require jquery_ujs
//= require twitter/bootstrap
//= require_tree .
```
Dropdowns funktionieren nicht.

Merkte ich in den Quelltext der Seite, ein script-tag für bootstrap-dropdown.js erschien zweimal: (ich habe entfernt die irrelevante Sachen für die Kürze)
```
<script type="text/javascript" src="/assets/jquery.js?body=1">
<script type="text/javascript" src="/assets/jquery_ujs.js?body=1">
<script type="text/javascript" src="/assets/twitter/bootstrap/bootstrap-dropdown.js?body=1">
<script type="text/javascript" src="/assets/twitter/bootstrap/bootstrap-scrollspy.js?body=1">
<script type="text/javascript" src="/assets/twitter/bootstrap.js?body=1">
<script type="text/javascript" src="/assets/bootstrap-dropdown.js?body=1">
<script type="text/javascript" src="/assets/bootstrap.js?body=1">
```
So entfernte ich die Zeile //= require_tree . aus application.js, Neustart des Servers, und das dropdown funktioniert!

Dann habe ich wieder die Linie //= require_tree . und anstatt entfernt die Datei assets/bootstrap-dropdown.js und wieder funktionierte es!

InformationsquelleAutor der Antwort Julian Mann
3

Ich verstehe das nicht, aber der Neuordnung //= require jquery und //= require bootstrap schien das problem zu beheben doppelt für mich. Erste bewegte bootstrap über jquery als Sasha schlägt es behoben. Dann habe ich mehr Arbeit und vorbereitet werden, um eine Bereitstellung mit jruby on rails 3.2.3. Precompile Vermögenswerte, Murmeln, und die dropdowns beenden Sie arbeiten sowohl in der Entwicklung und Produktion. Löschen public/assets, sowie einige .die class-Dateien und Dateien im tmp. Keine Wirkung. Schließlich zog ich die Reihenfolge, in application.js zurück zu dem, was es gewesen war, bevor die letzten Fehler episode, also jquery bevor bootstrap, und dropdowns wieder arbeiten.

Könnte eine änderung application.js auslösen einer Neuerstellung von einigen Caches, oder einige Prozesse hinter den kulissen, die die Quelle des Problems? Nächste mal passiert, werde ich versuchen, eine triviale änderung application.js und sehen, ob das funktioniert alles.

InformationsquelleAutor der Antwort Jim Ehrlich
3

Erlebte ich dies auf meinem Entwicklungsrechner, aber mein Produktionsserver geklappt.. ich bemerkt, dass bei der Neuordnung der js erfordert in der application.js behebt das problem in der Entwicklung (dropdowns wieder arbeiten), werden Sie vorsichtig, da diese tötete meine dropdowns in der Produktion. Ich musste gehen Sie zurück und setzen Sie Sie zurück, wie Sie waren, um die Produktion wieder zu arbeiten. Für jetzt bin ich nur vorübergehend ändern Sie in der dev, wenn ich muss.

InformationsquelleAutor der Antwort user1780909
2

Vorkompilieren der Vermögenswerte wieder behoben das problem für mich

InformationsquelleAutor der Antwort goodkat
2

Ich hatte auch dieses problem...und es war in Bezug auf die Schienen turbolinks. Auf der ersten Seite laden Sie die drop-downs nicht funktionieren würde, aber nach einem aktualisieren Sie würde. Und, das ist, weil mit turbo links einige Dom-Elemente können nicht geladen/nachgeladen, jedes mal. So, mein drop-down aufgehört zu arbeiten konsequent (unter anderem). Die Schienen 4-Update für dieses ist zum hinzufügen von jquery.turbolinks gem https://github.com/kossnocorp/jquery.turbolinks. Eine Sache, die mit diesem Juwel, das ich gefunden (und später stieß in einigen blog) ist, dass das javascript-tag muss innerhalb des head. Die README nicht erwähnt...aber

InformationsquelleAutor der Antwort hellion
1

Fand ich eine alternative! alle diese Lösungen funktionieren nicht bei mir. Anstatt der dropdown-ausgelöst, auf auf, ich hatte es auslösen bei hover statt. setzen auf der Unterseite der Seite in script-tags. code aus: http://codedecoder.wordpress.com/2013/10/21/bootstrap-drop-down-menu-not-working-rails/
```
$(document).ready(function(){
    $('.navbar .dropdown').hover(function() {
        $(this).find('.dropdown-menu').first().stop(true, true).delay(250).slideDown();
    }, function() {
        $(this).find('.dropdown-menu').first().stop(true, true).delay(100).slideUp()
    });
n})
```
InformationsquelleAutor der Antwort user2968401
0

Sehen Rails 3.1 Vermögens - Fremden Dienen in der Entwicklung

gibt es einen bug, wo die komprimierte version ist im debug-Modus in application.js

InformationsquelleAutor der Antwort chourobin
0

Vorkompilieren Vermögen hat nicht funktioniert.
Setzen dropdown-vor jquery arbeitete in der Entwicklung, aber nicht in der Produktion
Entfernen dropdown arbeitete noch in der Entwicklung :-O

Setzen das Recht um und entfernen alles, was in der öffentlichkeit/assets-Ordner gemacht in der Entwicklung.

InformationsquelleAutor der Antwort Jérémie
0

Ticket #5145 wurde vor kurzem geschlossen. Das Update wurde rückgängig gemacht, aber eine anwendungsspezifische Lösung geliefert wurde, am Ende, und für mich funktioniert. Werden Sie sicher, Ihren browser-cache leeren, zu.

InformationsquelleAutor der Antwort jhosteny
0

Bewegen //= require jquery unten //= require bootstrap - und Upgrade - gem 'bootstrap-sass' zu 2.3.0.1, mein problem gelöst.

Möchte ich noch hinzufügen, dass die Lösung, die ich oben erwähnt habe funktioniert nur auf dem Localhost aber nicht auf Heroku.
Lösung in meinem Fall war:

//= require jquery

//= require jquery_ujs

//= require bootstrap

//= require_tree .

gem bootstrap-sass, 2.3.0.1

sowie <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %> muss drin sein
"_header.html-Code.erb" und löschen von "Anwendung.html-Code.erb" .

InformationsquelleAutor der Antwort bimgate
0

Hatte ich diesen Fehler und es stellt sich heraus meine CSS war die Verhinderung der dropdown-Liste arbeiten.

Speziell hatte ich 'overflow: hidden;" meine header-nav-CSS . Entfernen, dass das Thema gelöst.

InformationsquelleAutor der Antwort user91240192094
0

Stellen Sie außerdem sicher, dass Sie nicht //require bootstrap-sprockets in Ihrem application.js. Ich habe kommentiert, und es funktionierte für mich.

InformationsquelleAutor der Antwort Julian Arango López

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.