jquery - ResolveUrl 在 asp.net 的母版页中不起作用

标签 jquery css asp.net master-pages resolveurl

好的,我有一些代码和快照来解释我的问题,

我有一个母版页Main.Master,其中包含cssjquery的所有引用

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Main.master.cs" Inherits="CTVideos.Main" %>
<%@ Register Src="uc/LeftNav.ascx" TagName="LeftNav" TagPrefix="uc4" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta charset="UTF-8" />
    <title>Video</title>
    <meta name="viewport" content="initial-scale=1.0, width=device-width" />
    <!-- Style Sheets -->
    <link rel="stylesheet" type="text/css" href="<%#ResolveUrl("~/css/bootstrap.min.css") %>" />
    <!-- Font Icons -->
    <link rel="stylesheet" type="text/css" href="<%#ResolveUrl("~/css/font-awesome.min.css") %>" />
    <link rel="stylesheet" type="text/css" href="<%#ResolveUrl("~/css/ionicons.min.css") %>" />
    <link rel="stylesheet" type="text/css" href="<%#ResolveUrl("~/css/socicon-styles.css") %>" />
    <!-- Font Icons -->
    <link rel="stylesheet" type="text/css" href="<%#ResolveUrl("~/css/hover-min.css") %>" />
    <link rel="stylesheet" type="text/css" href="<%#ResolveUrl("~/css/owl.carousel.css") %>" />
    <link rel="stylesheet" type="text/css" href="<%#ResolveUrl("~/css/animate.css") %>" />
    <link rel="stylesheet" type="text/css" href="<%#ResolveUrl("~/css/css-menu.css") %>" />
    <link rel="stylesheet" type="text/css" href="<%#ResolveUrl("~/css/loader.css") %>" />
    <link rel="stylesheet" type="text/css" href="<%#ResolveUrl("~/css/styles.css") %>" />
    <link rel="stylesheet" type="text/css" href="<%#ResolveUrl("~/css/responsive.css") %>" />
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body id="index-v2">
    <form id="form1" runat="server">
        <uc1:LeftNav runat="server" ID="LeftNav" />
        <asp:ContentPlaceHolder ID="cpl_chlid" runat="server">
        </asp:ContentPlaceHolder>
    </form>
    <!-- Scripts -->
    <script src="<%#ResolveUrl("~/js/wow.min.js")%>"></script>
    <script src="<%#ResolveUrl("~/js/jquery-1.12.3.min.js")%>"></script>
    <script src="<%#ResolveUrl("~/js/bootstrap.min.js")%>"></script>
    <script src="<%#ResolveUrl("~/js/owl.carousel.min.js")%>"></script>
    <script src="<%#ResolveUrl("~/js/css-menu.js")%>"></script>
    <script src="<%#ResolveUrl("~/js/jquery.validate.js")%>"></script>
    <script src="<%#ResolveUrl("~/js/custom.js")%>"></script>
</body>
</html>

并在Main.Master页面加载事件

public partial class Main : System.Web.UI.MasterPage
{
    protected void Page_Load(object sender, EventArgs e)
    {
        Page.Header.DataBind();
    }
}

我的元素的根目录是这样的

enter image description here

View文件夹内的

WebForm1WebForm2和其他WebForm都是从Main.Master页面继承的。 WebForm1WebForm2 按预期加载正常,但 View 文件夹内的所有 WebForm 未正确加载,设计受到干扰

最佳答案

从所有 css 文件中删除 ResolveUrl 并简单地附加它们,因为只有脚本需要 ResolveUrl。只需从 css 文件中删除 ResolveUrl 即可完美运行。

解决方案 2 -

您可以替换 #签名 =在ResolveUrl中

示例

<%# ResolveUrl("~/js/wow.min.js") %><%= ResolveUrl("~/js/wow.min.js") %>

解决方案 2 对我有用。

关于jquery - ResolveUrl 在 asp.net 的母版页中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42172986/

相关文章:

javascript - 如何在没有事件的情况下移动 div 的子级

使用 JQuery Boilerplate 的 Javascript 范围问题

javascript - 启用/禁用范围输入

css - 在 MAC 和 PC 上的同一浏览器中,网站看起来不同

asp.net - URL 重写从/default.aspx 到/

c# - 将 NameValueCollection 绑定(bind)到 GridView?

javascript - 如何在momentjs中显示带有当月和上个月月份名称的动态日期?

带有垂直子页面行的 CSS 下拉菜单

javascript - 删除之前添加的类

asp.net - 无法在 asp.net 中使用 ajax post 访问后面的代码