0

ich folgenden Code haben im App_Start/BundleConfig.csMvc4 Datentabellen funktioniert nicht in Skript-Bundle

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

    bundles.Add(new ScriptBundle("~/bundles/datatable").Include(
        "~/Content/DataTables-1.10.7/media/js/jquery.dataTables.min.js")); 

    bundles.Add(new StyleBundle("~/Content/css").Include(
        "~/Content/site.css", 
        "~/Content/DataTables-1.10.7/media/css/jquery.dataTables.min.css")); 

und in den Views/Shared/_Layout.cshtml

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

und CSS und Datatable funktioniert einfach nicht, aber wenn ich manuell

<link href='@Url.Content("~/Content/DataTables-1.10.7/media/css/jquery.dataTables.min.css")' rel="stylesheet" /> 

<script src='@Url.Content("~/Content/DataTables-1.10.7/media/js/jquery.dataTables.min.js")' type="text/javascript"></script> 
0 hinzufügen

es beginnt zu arbeiten. Was mache ich falsch ?

+0

Umbenennen js Skripte mit "min" auf diejenigen ohne. Bundles haben Probleme, wenn sie Skripte mit "min" in ihren Namen aufnehmen. Schau dir diese Frage an: http://stackoverflow.com/questions/11980458/bundler-not-inclusioning-min-files –

Antwort

0

Überprüfen Sie den Quellcode der Webseite aus dem Browser und stellen Sie sicher, dass;

jquery.dataTables.min.js wird geladen nachjquery.min.js

Ändern Sie die Bestellung in Ihrem _Layout.cshtml als:

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

EDIT :

Es kann auch ab sein aus web.config Einstellungen.

Wenn Sie "Debug = True" in Ihrer web.config haben, sind minimierte Javascript-Dateien nicht in Bundles enthalten.

Fügen Sie diese auf Ihre BundleConfig.cs:

#if DEBUG 
     //by default all minimized files are ignored in DEBUG mode. This will stop that. 
     bundles.IgnoreList.Clear(); 
#endif 
+0

css, modernizr, jquery ist Standard-Bestellung, wenn ich ein Projekt erstellen. Ich fügte nur datatable Bündel nach jquery hinzu, wie Sie – Muflix

+0

@Muflix Edited meine Antwort sagen. –