Html5gallery.js不能在MVC 4的Razor视图中工作

我是MVC4的新手，我使用Html5gallery.js创建MVC4 的Razor视图，我首先在aspx页面中实现了这个功能，我用它来与Razor视图它不工作。对于Index.cshtml页Html5gallery.js不能在MVC 4的Razor视图中工作

代码：

@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")

请帮助！提前致谢。

来源

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

您是否试图从'@ {}'部分取出脚本标签？另外，如果'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的Razor视图中工作

回答

相关问题