我有一个使用用户控件的asp.net Web应用程序。几天前,我其中一个页面上的按钮停止工作。我检查了页面,发现此错误:
未捕获的DOMException:无法在'Document'上执行'querySelector':'../UserControls/#'不是有效的选择器。
我将其追溯到该页面正在实现的用户控件。用户控件具有一个锚元素,它的href值仅使用“#”。但是,当我检查元素时,将添加用户控件的路径,使其看起来像“ ../UserControls/#”,这会导致错误。这已经投入生产,并且多年来一直没有出现问题-我知道最近没有发生任何变化。我不知道是什么在添加路径。
今天早上我一直在阅读,发现在asp.net core 2.2中有一个新的终结点路由,听起来像是罪魁祸首,但是它似乎对MVC环境是明确的,正如我提到的我的是一个Web应用程序。是否有人意识到这可能导致了全球变化?
我的“呼叫页面”设置在这里:
<%@ Page Title="Behavior Analysis" Language="C#" MasterPageFile="~/Content.master" AutoEventWireup="true" CodeBehind="Behavior.aspx.cs"
Inherits="DMC.Behavior.BehaviorEvents" ClientIDMode="Static" %>
<%@ Register Src="~/UserControls/regionTabs.ascx" TagPrefix="ucRegionTabs" TagName="regionTabs" %>
<%@ Register Src="~/UserControls/regionSchoolSelectionModal.ascx" TagPrefix="ucExportModal" TagName="regionSchoolSelectionModal" %>
<%@ Register Src="~/UserControls/dateSelectionModal.ascx" TagPrefix="ucDateModal" TagName="dateSelectionModal" %>
<asp:Content ID="behReferralHeaderContent" ContentPlaceHolderID="contentHeader" runat="server">
<%: Scripts.Render("~/bundles/highCharts") %>
<script src="Scripts/behavior-1.6.js"></script>
<script src="Scripts/refResolutions.js" type="text/javascript"></script>
<script src="Scripts/refEventCountsGrouped.js" type="text/javascript"></script>
<script src="Scripts/refByGradeByGenderByRace.js" type="text/javascript"></script>
<script src="Scripts/refByStudentMonth-1.1.js" type="text/javascript"></script>
<script src="Scripts/refByRaceByGenderByGrade.js" type="text/javascript"></script>
</asp:Content>
<asp:Content ID="behReferralMainContent" ContentPlaceHolderID="contentBody" runat="server">
<div id="main_DIV" class="container">
<div style="padding-top: 10px">
<ucRegionTabs:regionTabs ID="regionTabs" pageID="29" runat="server" />
<ucExportModal:regionSchoolSelectionModal ID="regionSchoolSelectionModal1" pageID="29" runat="server" />
<ucDateModal:dateSelectionModal ID="dateSelectionModal" runat="server" />
</div>
我的用户控件如下所示:令人反感的href位于列表项控件“ liHigh”的底部:
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="regionTabs.ascx.cs" Inherits="DMC.UserControls.regionTabs"
ClientIDMode="Static" %>
<div class="container-fluid">
<nav id="navRegionTabs" class="navbar navbar-expand-md navbar-inverse bg-inverse mb-1 pb-1"
style="background-color: palegoldenrod; border: none;" runat="server">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#areaSubMenus"
aria-controls="areaSubMenus" aria-expanded="false" aria-label="Toggle navigation"
style="background-color: aliceblue">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="areaSubMenus">
<ul id="areaTabs" class="navbar-nav" style="border:none">
<li id="liArea" class="nav-item dropdown" runat="server">
<a id="areaName" class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button"
aria-haspopup="true" aria-expanded="true" runat="server">
</a>
<div class="dropdown-menu">
<asp:PlaceHolder ID="phAreaData" runat="server"></asp:PlaceHolder>
</div>
</li>
</ul>
<ul id="highTabs" class="navbar-nav" style="border:none">
<li id="liHigh" class="nav-item dropdown" runat="server">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
aria-expanded="false">High Schools
<span class="caret"></span>
</a>
<div class="dropdown-menu" style="max-height: 500px; overflow-y: scroll">
<asp:PlaceHolder ID="phHighSchools" runat="server"></asp:PlaceHolder>
</div>
</li>
</ul>
更新:我找到了问题,我最近下载了Bootstrap 4.2.1,这似乎是问题所在。我恢复到4.1.3,一切又恢复正常了。