2012-08-30 16 views
7

Olası Çoğalt Javascript'i eklemek için nasıl: Bazı düzen içine JS bir sürü koymak istemiyorum
ASP.Net MVC 3 Razor: Include js file in Head tagsayfa başlığı MVC4 içine

ve yapmam gereken Bazı özel sayfalar için JS'nin bazılarını kendi başlıklarına dahil etmek istiyorum.

Böyle denedim ama olması gerektiği gibi çalışmıyor.

@{ 
    Layout = "~/Views/Shared/_LayoutInner.cshtml"; 
    @Scripts.Render("~/Scripts/farbtastic/farbtastic.js") 
    @Styles.Render("~/Scripts/farbtastic/farbtastic.css") 
    @Scripts.Render("~/Scripts/jquery.tinycarousel.min.js") 
    @Scripts.Render("~/Scripts/jquery-ui-1.8.11.min.js") 
} 
<script type="text/javascript" charset="utf-8"> 
    $(document).ready(function() { 
     $('#slider1').tinycarousel(); 
     $("#accordion").accordion(); 
     $('#picker').farbtastic('#color'); 
    }); 
</script> 

O

@{ 
    Layout = "~/Views/Shared/_LayoutInner.cshtml"; 
    <script type="text/javascript" src="@Url.Content("~/Scripts/farbtastic/farbtastic.js")"></script> 
<link href="@Url.Content("~/Scripts/farbtastic/farbtastic.css")" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.tinycarousel.min.js")"></script> 
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")"></script> 
} 

ve hiç bir başarı gibi çalıştık.

Nasıl arşivleyebilirim?

+1

Başlık etiketi tanımlanamadı ve sayfalarda JS'ye başvurulamadı mı? – ssilas777

+0

@ ssilas777 Oh! Nasıl yapabilirim? –

+3

Bu soruyu kontrol edin: http://stackoverflow.com/questions/4311783/asp-net-mvc-3-razor-include-js-file-in-head-tag Bu sizin ihtiyacınız olan şey olduğunu düşünüyorum. – nemesv

cevap

12

ben de eminim senin _LayoutInner.cshtml size _LayoutInner.cshtml sayfalarına iki adlandırılmış bölümler eklemek zorunda hedef ulaşmak için bu

<head> 
<link href="@Url.Content("~/Scripts/farbtastic/farbtastic.css")" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")"></script> 
</head> 

gibi benzer JS dosyalarına işaret edilen bu-

gibi bölümü kafa gerekirdi diğer sayfalarda Şimdi
<head> 
<link href="@Url.Content("~/Scripts/farbtastic/farbtastic.css")" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")"></script> 
@RenderSection("JavaScript", required: false) 
@RenderSection("CSS", required: false) 
</head> 

ekstra javascript veya css sayfaları bu adlandırılmış bölümlerini kullanmak dahil etmek

@section JavaScript 
{ 
    <script type="text/javascript"src="@Url.Content("~/Scripts/farbtastic/farbtastic.js")"></script> 
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.tinycarousel.min.js")"></script> 
} 

@section CSS 
{ 
    <link href="@Url.Content("~/Scripts/farbtastic/farbtastic.css")" rel="stylesheet" type="text/css" /> 
} 

Javascript ve css için farklı adlandırılmış bölümleri dahil edip edemeyeceğiniz size kalmış.

Umut eder!

+0

Çok teşekkür ederim !!!! Son bir soru: SECTIONS'i bazı harici dosyalarda tutmalı mıyım? –

+2

Hayır, bu JS dosyaları eklemek istediğiniz sayfalardaki bölümleri kullanmak zorundasınız .. Genel olarak bölümler sadece harici dosyaları dahil etmek için kullanılmaz, bu bölümlerde son yanıtta dinamik içerik çıkışı anlamına gelir. javascript dosyalarını ve css dosyalarını tam olarak baş bölümündeki nihai cevapta görebilir. – ssilas777