jquery ändern länge - Wie fügt man die jQueryUI-Bibliothek im MVC 5-Projekt hinzu?




2 Answers

Der Code, den Sie beim Rendern von CSS und Skripten auf Ihrer _Layout.cshtml Seite sehen ( @Scripts.Render("~/bundles/modernizr") ) wird @Scripts.Render("~/bundles/modernizr") genannt. Hier finden Sie einige Informationen: http://www.asp.net/mvc/tutorials/mvc-4/bundling-and-minification

Um also jQueryUI hinzuzufügen, würden Sie Folgendes tun:

In Ihrer Datei Global.asax.cs sollten Sie eine Reihe von Registrierungen sehen:

BundleConfig.RegisterBundles(BundleTable.Bundles);

Dies geht zu der BundleConfig Klasse, die beliebige Bündel registriert. Für jQueryUI können Sie Folgendes tun:

bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
            "~/Scripts/jquery-ui-{version}.js"));

Dadurch wird ein neues ~/bundles/jqueryui namens ~/bundles/jqueryui .

Dann kann es Ihrer Layoutseite hinzugefügt werden, indem Sie Folgendes tun:

@Scripts.Render("~/bundles/jqueryui")

Dann werden Sie das gleiche für CSS tun:

bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
              "~/Content/themes/base/jquery.ui.core.css",
              "~/Content/themes/base/jquery.ui.resizable.css",
              "~/Content/themes/base/jquery.ui.selectable.css",
              "~/Content/themes/base/jquery.ui.accordion.css",
              "~/Content/themes/base/jquery.ui.autocomplete.css",
              "~/Content/themes/base/jquery.ui.button.css",
              "~/Content/themes/base/jquery.ui.dialog.css",
              "~/Content/themes/base/jquery.ui.slider.css",
              "~/Content/themes/base/jquery.ui.tabs.css",
              "~/Content/themes/base/jquery.ui.datepicker.css",
              "~/Content/themes/base/jquery.ui.progressbar.css",
              "~/Content/themes/base/jquery.ui.theme.css"));

und füge es hinzu

@Styles.Render("~/Content/themes/base/css")

Hinweis:

  • In MVC4 ist jQuery bereits in einem nicht leeren Projekt eingerichtet. Für ein leeres Projekt müssten Sie es selbst hinzufügen. Nicht 100% sicher über die neue MVC 5.
  • Sie können jQueryUi von nuget installieren, aber das offizielle Paket fügt dieses Bündel nicht hinzu.
  • Sie könnten einfach die altmodische Referenzierung Ihrer css und js Dateien machen (zB <script language="JavaScript" src="~/Scripts/jQuery.ui.1.8.2.js" />
meta title

Ich habe gerade Visual Studio 2013 installiert und ein neues MVC 5-Projekt gestartet. Ich bin etwas neu in MVC Entwicklung und ich kann nicht herausfinden, wie Sie Bibliotheken in meinem Projekt hinzufügen.

Ich sehe ähnliche Teile. Zum Beispiel _Layout.cshtml ich auf dem _Layout.cshtml diesen Code:

@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")

Dann in der Datei packages.config :

<packages>
  <package id="Antlr" version="3.4.1.9004" targetFramework="net45" />
  <package id="bootstrap" version="3.0.0" targetFramework="net45" />
  <package id="EntityFramework" version="6.0.0" targetFramework="net45" />
  <package id="jQuery" version="1.10.2" targetFramework="net45" />
  <package id="jQuery.Validation" version="1.11.1" targetFramework="net45" />
</packages>

Soweit ich weiß, passiert etwas auf Global.asax

Also, ich habe jQuery UI-Bibliotheken mit .js und CSS-Dateien heruntergeladen. Meine Frage ist: Wo und was soll ich hinzufügen, wenn diese Bibliotheken überall wie Standardbibliotheken (Bootstrap oder Jquery) verwendet werden? Und jQuery UI hat 3 Ordner mit Inhalt. Ich habe diese Ordner mit allen Inhalten zu meinem Projekt hinzugefügt, ich muss nur Referenzen hinzufügen.




Um jQueryUI + die neueste Version von jQuery zu installieren, können Sie NuGet verwenden:

Install-Package jQuery.UI.Combined

Dadurch werden Ihre vorhandenen jQuery-Bibliotheken auf die neueste Version aktualisiert.

Sie können dann darauf verweisen, indem Sie in App_Start/BundleConfig.cs und hinzufügen:

bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
            "~/Scripts/jquery-ui-{version}.js"));

bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
            "~/Content/themes/base/all.css"));

Sie können es dann auf einzelnen Seiten oder global in _Layout.cshtml

@Styles.Render("~/Content/themes/base/css") // Add to <head> tags
@Scripts.Render("~/bundles/jqueryui") // Add above </body>



Related