路径无法访问asp.net中的root上的css或js文件

Question

当我尝试从子文件夹en/Default.aspx文件访问它们时，我无法获得CSS或JS文件的正确路径。

我有以下文件夹结构

Default.aspx
  en/Default.aspx
  en/MasterPage.master
  ar/Default.aspx
  ar/MasterPage.master
scripts/slider/script.js
styles/slider-en.css
scripts/slider/jquery.easing.js

en/Default.aspx文件中的代码

<%@ Page Title="" Language="C#" MasterPageFile="~/en/MasterPage.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %>
<%@ Register Src="~/en/UserControls/ucSliderHP.ascx" TagName="ucSlider"  TagPrefix="uc"%>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"></asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
<script src="../scripts/slider/jquery.easing.js" type="text/javascript"></script>
<script src="../scripts/slider/script.js" type="text/javascript"></script>
<link href="<%= Page.ResolveUrl("./styles/slider-en.css") %>" rel="stylesheet" type="text/css" />

<div id="content-container-750">
    <!-- Slider   -->
    <!-- Sidebar   -->
<div id="sidebar-container-240"></div>
<!-- Sidebar   -->
    <div id="Slider-Wrapper-750x300">
       <uc:ucSlider ID="NewsSlider" runat="server" />       
    </div>
     <!-- Slider   -->

      <!-- Banner   -->
      <div id="content-Banner-750x100HP">
      </div>
      <!-- Banner   -->
      <!-- Article   -->
      <div id="article-wrapperHP">
      </div>
      <!-- Article   -->
</div>

</asp:Content>

当我使用../ path时，它总是以http://localhost:49831/en/scripts/slider/script.js返回path

当我使用`Page.ResolveURL或ResolveURL时，它返回我的路径为

http://localhost:49831/website/en/Default.aspx?language=en-us&issue=5

我不确定我该怎么办../../也不起作用

Answer 1

尝试使用ResolveUrl：

<script src="<%=ResolveUrl("~/scripts/slider/jquery.easing.js")%>"  type="text/javascript"></script>

代替

<script src="../scripts/slider/jquery.easing.js" type="text/javascript"></script>

Answer 2

您还可以添加波浪号（ ~ ）和runat="server"以获取ASP .NET来基于根目录解析URL。

例如

<link href='~/styles/slider-en.css' rel="stylesheet" type="text/css" runat="server"/>

查看有关此问题的其他选项

Answer 3

You can Use
    /scripts/slider/jquery.easing.js
<script src="/scripts/slider/jquery.easing.js" type="text/javascript"></script>


"/"  

表示根。