Html5gallery.js MVC 4의 면도기에서 작동하지 않습니다.

MVC4를 처음 사용하고 Html5gallery.js를 사용하여 MVC4 을 사용하여 비디오 갤러리를 만들었습니다. 처음에는 aspx 페이지에서이 기능을 구현했지만 언제 작동합니까?Html5gallery.js MVC 4의 면도기에서 작동하지 않습니다.

@using MvcPhotoGallery.Models 
@model IEnumerable<Photo> 
@{ 
    ViewBag.Title = "Index"; 
    <script src="../../Scripts/jquery.js" type="text/javascript"></script> 
    <script src="../../Scripts/html5gallery.js" type="text/javascript"></script> 
} 
<h2></h2> 
<legend> Gallery</legend> 
<div style="display:none;" class="html5gallery" data-skin="showcase" data-width="480" data-height="272"> 
@foreach (var item in Model) { 
    @* <a href=item.><img src= alt="big back"/></a>*@ 
    <a href="@item.ImageURL"> <img src="@item.ImageSRC" /></a> 
} 
</div> 
@Scripts.Render("~/bundles/jqueryval")

제발 도와주세요! : 나는 Index.cshtml 페이지

코드 .. 그것이 작동하지보기 면도기와 함께 사용 미리 감사드립니다.

출처

2013-12-21 Gayatri

코드에서 마스터 페이지 링크를 제거하십시오. workind 코드 아래를 참조하십시오

@using MvcPhotoGallery.Models 
@model IEnumerable<Photo> 
@{ 
    Layout = null; 
} 

<!DOCTYPE html> 

<html> 
<head> 
<script src="~/Scripts/jquery-1.7.1.js"></script> 
<script src="~/Scripts/html5gallery.js"></script>  
<meta name="viewport" content="width=device-width" /> 
<title>Index</title> 
</head> 
<body> 
<div> 
    <div style="display:none;" class="html5gallery" data-skin="showcase" data-   width="480" data-height="272"> 
     @foreach (var item in Model) 
     { 
      @* <a href=item.><img src= alt="big back"/></a>*@ 

      <a href="@item.ImageURL"> <img src="@item.ImageSRC" alt="aaa" /></a> 
     } 
    </div> 
</div>

출처

2013-12-21 11:07:22 Madhuri

네, 이제 작동 중입니다. – Gayatri

script 태그를 페이지 상단이 아닌 페이지 하단에 넣으십시오. 그러면 처음에는 마침내 마지막으로 렌더링됩니다.

출처

2013-12-21 10:40:58 albusshin

알버스 신 : 감사합니다, 나는 그것을 시도했지만 여전히 작동하지 않습니다. – Gayatri

'@ {}'섹션에서'script' 태그를 가져 오려고 했습니까? 또한'jquery.js'와'html5gallery.js'가 루트 디렉토리에 있다면 UrlHelper를 사용하여''/Scripts/html5gallery.js ''에서 url을 생성 할 수 있습니다. 브라우저 콘솔에서 버그를 본 적이 있습니까? – albusshin

@{ } 블록에 쓰는 코드는 모두 Razor View Engine이 웹 페이지를 구성 할 때 실행됩니다. 해당 블록에서 클라이언트 스크립트를 참조 할 수 없습니다. 따라서 스크립트 참조를 외부에 작성해야합니다. 스크립트를 참조하는 더 좋은 방법은 스크립트 섹션이어야합니다. ~/Views/Shared/_Layout.cshtml 하단에 있는지 확인하십시오. 그것은 다음과 같습니다 :보기에 그런

@RenderSection("scripts", required: false)

이

@{ 
    ViewBag.Title = "Index"; 
} 

@section scripts { 
    <script src="../../Scripts/jquery.js" type="text/javascript"></script> 
    <script src="../../Scripts/html5gallery.js" type="text/javascript"></script> 
}

출처

2013-12-21 11:05:15

Html5gallery.js MVC 4의 면도기에서 작동하지 않습니다.

답변

관련 문제