Fatal编程技术网
  • jquery/
  • Jquery 在ASP.NET中仅为页面的一部分加载样式表

Jquery 在ASP.NET中仅为页面的一部分加载样式表

jquery asp.net vb.net

Jquery 在ASP.NET中仅为页面的一部分加载样式表,jquery,asp.net,vb.net,Jquery,Asp.net,Vb.net,我正在创建一个母版页，它使用Bootstrap.css作为“仅与母版页相关的内容”（网站正文、页眉、导航和页脚），但是内容本身是通过包装在标识div中的MainContent Placeholder web控件传入的。简化代码如下所示 <html> <head> <link href="/Styles/bootstrap.min.css" rel="stylesheet" /> <script src

我正在创建一个母版页，它使用Bootstrap.css作为“仅与母版页相关的内容”（网站正文、页眉、导航和页脚），但是内容本身是通过包装在标识div中的MainContent Placeholder web控件传入的。简化代码如下所示

<html>
     <head>
           <link href="/Styles/bootstrap.min.css" rel="stylesheet" />
           <script src="/Scripts/jquery-1.11.1.min.js"></script>
           <script src="/Scripts/bootstrap.min.js"></script>    
     </head>

     <body>
          <form>
               <header> Header User Control is here </header>
               <nav>Navigation User Control is here</nav>

               <div ID="wrapper">
                    <asp:ContentPlaceHolder ID="MainContent" runat="server">
                                <!--  PAGE'S CONTENT HERE -->
                    </asp:ContentPlaceHolder>
               </div>

               <footer> Footer User Control is here</footer>
         </form>
    </body>
</html>
我知道，我知道。这听起来似乎是不可能的，但是如果Jquery提供了removeClass函数，我发现他们没有提供RemovecsFile或类似的东西，而只为页面的内容部分提供了，这是非常令人怀疑的

p、 我会提供codepen或JSFiddle，但两者都不接受ASP框架，所以它是无用的

有什么想法或解决方法吗？

母版页的概念是将所有内容放在同一页上。 因此，您很难使
div
（或您的内容）不受CSS和jquery的影响。它们都在同一个文档中

特别是因为引导也可以与jquery一起使用。 假设您可以尝试以编程方式（我不知道如何）将该div中的对象“重置”为浏览器的“默认”（或您的网站主样式）

如果有人使用引导类（无论是否通过编程更改样式）或对任何引导函数的jquery调用包含DOM元素，您的样式将再次被覆盖（例如，调用popover或类似的东西）

浏览器能提供的唯一出路是iFrame。。。这不会给你同样的效果。在此
iframe
内单击的任何链接都将仅在iframe内重定向。

首先，使用包含引导类的div来包装母版页的页眉和页脚部分

<div class="bootstrap">
  <header>...</header><nav>...</nav>
</div>
<div class="content">
   <asp:ContentPlaceHolder ID="MainContent" runat="server"></asp:ContentPlaceHolder>
</div>
<div class="bootstrap">
  <footer>...</footer>
</div>
这是我已经想到的，所以我很高兴你提出这一点，因为它证实了我的方法。我在考虑在一个单独的环境中使用引导创建母版页，并通过Firefox Dust Me CSS工具运行它来识别未使用的类。删除那些（以减少附加太多类的工作量），然后，很明显，用我选择的前缀附加我正在使用的类。（与您刚才建议的方法相同）可以，但我真的希望有一个jquery或更简单的解决方案。我仍然不敢相信jquery公司的专家们没有想到一个像removeClass函数一样的RemovecsFile函数。 
<div class="bootstrap">
  <header>...</header><nav>...</nav>
</div>
<div class="content">
   <asp:ContentPlaceHolder ID="MainContent" runat="server"></asp:ContentPlaceHolder>
</div>
<div class="bootstrap">
  <footer>...</footer>
</div>

.bootstrap {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  etc...
}

.bootstrap h1 {
  margin: .67em 0;
  font-size: 2em;
}