none
Bundles em _Layouts RRS feed

  • Pergunta

  • Olá Pessoal...

    Estou fazendo uma aplicação e estou tentando utilizar os Bundles, mas estou com alguns problemas. Os bundles não estão sendo carregados na página, portanto meu site fica sem a formatação...

    Segue:

    Meu BundleConfig:

    BundleTable.EnableOptimizations = false;


     bundles.Add(new ScriptBundle("~/bundle/jquerycompAdmin").Include(
                            "~/Scripts/areas/Admin/jquery-migrate-1.0.0.min.js",
                            "~/Scripts/areas/Admin/jquery.cookie.js",
                            "~/Scripts/areas/Admin/jquery.dataTables.min.js",
                            "~/Scripts/areas/Admin/jquery.chosen.min.js",
                            "~/Scripts/areas/Admin/jquery.uniform.min.js",
                            "~/Scripts/areas/Admin/jquery.cleditor.min.js",
                            "~/Scripts/areas/Admin/jquery.noty.js",
                            "~/Scripts/areas/Admin/jquery.elfinder.min.js",
                            "~/Scripts/areas/Admin/jquery.raty.min.js",
                            "~/Scripts/areas/Admin/jquery.iphone.toggle.js",
                            "~/Scripts/areas/Admin/jquery.uploadify-3.1.min.js",
                            "~/Scripts/areas/Admin/jquery.gritter.min.js",
                            "~/Scripts/areas/Admin/jquery.imagesloaded.js",
                            "~/Scripts/areas/Admin/jquery.masonry.min.js",
                            "~/Scripts/areas/Admin/jquery.knob.js",
                            "~/Scripts/areas/Admin/jquery.sparkline.min.js"));

    Minha chamada dos Bundles na pagina:

    <head>
            <title>Teste</title>
                  @*----Styles----*@
            @Styles.Render("~/Content/bootstrap")
            @Styles.Render("~/Content/cssadmin")
            
                  @*----Scripts----*@
            @Scripts.Render("~/bundles/modernizr")
            @Scripts.Render("~/bundle/jqueryAdmin")
            @Scripts.Render("~/bundle/bootstrapAdmin")
            
            @Scripts.Render("~/bundle/jquerycompAdmin")
    
            @Scripts.Render("~/bundle/jqueryuiAdmin")
            @Scripts.Render("~/bundle/jqueryflotAdmin")
            @Scripts.Render("~/bundle/calendarAdmin")
            @Scripts.Render("~/bundle/excanvasAdmin")
            @Scripts.Render("~/bundle/customAdmin")  
                          
        </head>
        <body>
            @RenderBody()
        </body>
    </html>
    Alguém saberia me dizer o porque os arquivos não sobem com a página?


    Vlww

    quarta-feira, 21 de agosto de 2013 17:13

Respostas

  • Altere para true o valor da propriedade, e caso a tag compilation do web.config esteja true também, altere para false.

    BundleTable.EnableOptimizations = true;

    quarta-feira, 21 de agosto de 2013 17:55
  • Boa tarde,

    Sempre inclua css no header e javascripts depois do body. Isso garante que seu css seja aplicado assim que a página carregar completamente e que os JavaScripts, que usam os objetos no DOM tenham o Body completo antes de executarem.

    Seu código deve ficar assim:

    <head>
            <title>Teste</title>
                  @*----Styles----*@
            @Styles.Render("~/Content/bootstrap")
            @Styles.Render("~/Content/cssadmin")              
        </head>
        <body>
            @RenderBody()
            
            @*----Scripts----*@
            @Scripts.Render("~/bundles/modernizr")
            @Scripts.Render("~/bundle/jqueryAdmin")
            @Scripts.Render("~/bundle/bootstrapAdmin")
            @Scripts.Render("~/bundle/jquerycompAdmin")
            @Scripts.Render("~/bundle/jqueryuiAdmin")
            @Scripts.Render("~/bundle/jqueryflotAdmin")
            @Scripts.Render("~/bundle/calendarAdmin")
            @Scripts.Render("~/bundle/excanvasAdmin")
            @Scripts.Render("~/bundle/customAdmin")          
        </body>
    </html>

    Att,



    quarta-feira, 21 de agosto de 2013 18:54

Todas as Respostas

  • Altere para true o valor da propriedade, e caso a tag compilation do web.config esteja true também, altere para false.

    BundleTable.EnableOptimizations = true;

    quarta-feira, 21 de agosto de 2013 17:55
  • Boa tarde,

    Sempre inclua css no header e javascripts depois do body. Isso garante que seu css seja aplicado assim que a página carregar completamente e que os JavaScripts, que usam os objetos no DOM tenham o Body completo antes de executarem.

    Seu código deve ficar assim:

    <head>
            <title>Teste</title>
                  @*----Styles----*@
            @Styles.Render("~/Content/bootstrap")
            @Styles.Render("~/Content/cssadmin")              
        </head>
        <body>
            @RenderBody()
            
            @*----Scripts----*@
            @Scripts.Render("~/bundles/modernizr")
            @Scripts.Render("~/bundle/jqueryAdmin")
            @Scripts.Render("~/bundle/bootstrapAdmin")
            @Scripts.Render("~/bundle/jquerycompAdmin")
            @Scripts.Render("~/bundle/jqueryuiAdmin")
            @Scripts.Render("~/bundle/jqueryflotAdmin")
            @Scripts.Render("~/bundle/calendarAdmin")
            @Scripts.Render("~/bundle/excanvasAdmin")
            @Scripts.Render("~/bundle/customAdmin")          
        </body>
    </html>

    Att,



    quarta-feira, 21 de agosto de 2013 18:54