我有两个css类：
1.-highlightedsearchresult - ＆gt;选中表格中的项目
2.-visitedsearchresult - ＆gt;标记已经访问过的项目
两者都在我的Site.css中定义：
.highlightedsearchresult
{
border: medium solid #009999 !important;
background-color: #FFCC66 !important; /* this should overwrite the background color */
}
.visitedsearchresult
{
/* border: medium solid #FFFFFF !important;#6699CC #cc99cc #99CCFF*/
background-color: #cc99cc !important; /* this should overwrite the background color */
}
我的问题是，在本地或在服务器上发布网站后，我的visitsearchresult没有被应用（突出显示的结果样式在发布时应用OK，因此我知道这不是一个不好的参考我的Site.css）。 当我在调试模式下在Visual Studio 2012下运行网站时，两个css类样式都按预期应用。
以下是将我的样式应用为适当的代码：
$('.SearchResultsTable').on('click', 'tr', function () {
var index = this.rowIndex;
if (index == 0) {
return; //this is the header, do nothing
}
$(".highlightedsearchresult").each(function () {
$(this).addClass('visitedsearchresult'); //if item has the highlighted class, add the visited class before we removed the selected class
//alert("add visited class");
});
var state = $(this).hasClass('highlightedsearchresult');
if (!state) {
$(this).removeClass("visitedsearchresult"); //remove our visited class, thus the background is set as selected
$(this).addClass("highlightedsearchresult").siblings().removeClass("highlightedsearchresult");
}
else {
//alert("removing visited class");
$(this).removeClass("visitedsearchresult"); //remove our visited class, thus the background is set as selected
}
var storyUrl = '@Url.Action("StoryDisplay", "DisplayStory")';
var file = $(this).attr('SearchResultFilename'); //get filename from our custom attribute
storyUrl += "?filename=" + file;
$("#divdisplaystory").css("width", "74%");
$("#divsearchresults").css("width", "25%");
$("#divdisplaystory").show();
$('#divdisplaystory').loadWithoutCache(storyUrl);
});
如果有人知道为什么这种特殊风格一旦发布就无效，我将不胜感激。任何帮助都非常感激。
更新 我使用了Fiddler Web Debugger来查看底层发生了什么，发现在访问发布网站时我收到了401：由于身份验证标头无效，您无权查看此页面。我仍然可以使用该网站，我的所有其他样式正在应用。此外，我在屏幕上显示用户名（@ User.Identity.Name），它显示正确的Domain \ UserName。太奇怪了。该站点已禁用匿名身份验证，并启用了Windows身份验证
非常感谢
答案 0 :(得分：0)
ContentPlaceHolder_myID。查看您的源页面。 （如果您使用ASP.NET，我的解决方案很有用）我再说一遍，如果你使用ASP.NET技术，我会使用所有的expalins。 如果您在asp.net中有一个母版页和内容页面（http://www.w3schools.com/aspnet/aspnet_masterpages.asp） ，并使用一个asp.net标签，如Lable，您的元素的ID将在运行项目后更改，并且您在元素的id的前缀上看到内容页面的Id。 例如：
<%@ Master %>
<html>
<body>
<h1>Standard Header From Masterpage</h1>
<asp:ContentPlaceHolder id="CPH1" runat="server">
<asp:Label ID="lblTest" runat="server" Text="Label"></asp:Label>
</asp:ContentPlaceHolder>
</body>
</html>
运行项目后，您会看到：
<span id="CPH1_lblTest">Label</span>
标签标签更改为范围标记，其ID从lblTest更改为CPH1_lblTest。（右键单击您的网页并选择查看源）
现在你在你的javascript中使用CPH1_lblTest而不是lblTest。