Ich habe meiner Anwendung das UI-Bootstrap-Theme hinzugefügt, und das meiste scheint sehr gut zu funktionieren, aber ich kann nicht scheinen, dass meine UI-Dialogschaltflächen korrekt gerendert werden wie die Demo. Es scheint, dass jQuery UI die Klassen nicht zu den Schaltflächen hinzufügt, damit die Schaltflächen formatiert werden.
Wenn Sie Chrome-Entwickler verwenden, sollten die Schaltflächen wie folgt dargestellt werden:
%Vor%Aber wenn ich meinen Dialog erstelle:
%Vor%Die ui-Dialogschaltflächen werden folgendermaßen gerendert:
%Vor%Es werden keine Klassen hinzugefügt und ich kann nichts finden, was mir sagt, ob ich andere Methoden ausführen muss oder was das Geschäft ist.
Danke.
-V
Bearbeiten: Tut mir leid, dass ich vergessen habe, auf die Versionen zurückzugreifen, die ich verwende:
Bootstrap: 2.2.2 jQuery: 1.8.3 jQuery UI: 1.9.2
Ok, ich habe das selbst gelöst.
Es war einfach die Reihenfolge meiner Javascript-Dateien.
Laden Sie unbedingt bootstrap.js, bevor Sie jquery.ui laden
Sobald ich das getan habe, sind alle Button-Klassen, die nativ von ui angewendet wurden, korrekt dargestellt.
Danke an alle, die dazu beigetragen haben.
-V
Dies liegt daran, dass die Funktion button () des Bootstrap mit der Funktion button () von Jquery UI in Konflikt steht. Siehe diesen Fehler für weitere Informationen: Ссылка
Wenn Sie bootstrap.js nach jqueryui laden wollen, können Sie damit die button () - Funktion von bootstrap aus dem Weg räumen:
%Vor%Alternativ können Sie Bootstrap-Modale anstelle von jqueryui-Dialogen verwenden.
Tags und Links jquery twitter-bootstrap jquery-ui-dialog