Question

在我的视图中，我可以从我的内容文件夹中拖放并自动获取图片地址。

<div style="text-align:center">
    <img src="~/Content/information-button16.png" id="info-@car.Car_ID" />
    <img src="~/Content/center-icon.png" id="center-@car.Car_ID" />
</div>

现在我试图创建一个阻止消息，并希望添加一个等待光标，但这似乎不起作用，因为内容不是公共文件夹。

$('#tabs').block({
    message: '<h1><img src=' 
                   + localpath  
                   + '@Url.Content("/GTracker/Content/busy.gif")' 
                   + ' /> Just a moment...</h1>',
    css: { border: '2px solid #3399ff' }
});

我该怎么办？

Answer 1

似乎无法找到快速参考，但~和<img src='~/...可以使用@Url.Content("~。它不会在js文字中工作。

如果你的js是剃刀.cshtml，你可以这样做：

$('#tabs').block({
    message: '<h1><img src=' 
                   + '"'
                   + '@Url.Content("~/GTracker/Content/busy.gif")' 
                   + '"'
                   + ' /> Just a moment...</h1>',
    css: { border: '2px solid #3399ff' }
});

或

$('#tabs').block({
    message: '<h1><img src="@Url.Content("~/GTracker/Content/busy.gif")" /> Just a moment...</h1>',
    css: { border: '2px solid #3399ff' }
});

相反，如果此代码位于.js文件中，则您需要传入已翻译的根路径，我通常会在_layout.cshtml中执行此操作：

<head>
    <script>var rootpath = '@Url.Content("~")';</script>

然后你可以在.js中使用rootpath（假设它包含在上面之后）

$('#tabs').block({
    message: '<h1><img src=' 
                   + '"'
                   + rootpath + '/Content/busy.gif' 
                   + '"'
                   + ' /> Just a moment...</h1>',
    css: { border: '2px solid #3399ff' }
});

缓存硬编码路径，并允许您的网站根据需要移动。

什么是javascript中使用的图片文件夹

1 个答案: