1

所以我正在开发一个模型视图控制器(MVC)项目。由于规模和复杂性,我试图确保组织。我设法偶然发现了一个独特的困境,让我很困惑。我的问题来自我正在集成到我的网站的Jquery Rotator 。

我的解决方案资源管理器

  • 内容:此特定文件夹包含三个直接子文件夹 ImagesScriptsStylesheets

这三个子文件夹包含更具体和更详细的细节,一个例子是Scripts包含另一个Rotator为此jQuery实现调用的文件夹。

所以困境发生在View内部。

此视图中的示例:

<div class = "banner-style">
     <div id = "Infinite-Banner">
          <div class = "banner-container">
                <div class = "slides">
                      <img src = "~/Content/Images/Banner/Slides/One.jpg">
                      <img src = "~/Content/Images/Banner/Slides/Two.jpg">
                </div>
          </div>
     </div>
</div>

所以在这个结构中,它似乎没有加载Images。尽管它已正确映射到目录。但是,如果您使用上述相同的结构,但将img部分更改为:

<div class = "slide-one" />
<div class = "slide-two" />

然后在相关的Stylesheet中,简单地为它神奇地出现 background: url(~/Content/Images/Banner/Slides/One.jpg);的Element定义一个。slide-one

所以这让我相信这是由于嵌套。但这不太有意义,因为这将迫使我在两者之间建立一个内部元素,div slides以便我可以产生适当的影响。

另一个想法是创建一个model映射所有关系图像数据的方法;但这似乎是一项艰巨的工作。

这是我的机器特有的限制还是问题?解决此类问题的最佳方法是什么?这确实是由于我对文件夹采取的结构吗?

4

1 回答 1

5

尝试使用以下Url.Content方法:

<img src="@Url.Content("~/content/images/banner/slides/one.jpg")" />

您没有发布实际构建的 URL,但是,我猜路径是错误的,因为您点击的任何控制器都在相对路径中使用。

于 2013-05-31T20:46:35.960 回答