Question

我需要根据我所在的页面应用一个css类。所有分区都在母版页中..

任何人都可以帮我解决如何查找页面的URL并使用jquery将该类应用于该页面的问题吗？

假设这是我的网址，我如何从中获取default.asp？

http://www.w3schools.com/jquery/default.asp

感谢。

Answer 1

如果我理解正确，你想根据当前页面在容器中设置一个css类。

方法1.客户端

您可以使用

获取当前网址

window.location.pathname;

然后你可以使用jQuery来设置你想要的类。

var targetElement = "#MyMainContainer";
if(someBusinessLogicHere){
    $(targetElement).addClass("myClass");
}

方法2.服务器端

或者，您可以在服务器端添加类，如下所示：

@{
    ViewBag.MyClass = "MyMainContainer";
}

并在主布局中使用它，如下所示：

<div id=@ViewBag.MyClass>
    The content
</div>

Answer 2

您可以找到页面名称，然后根据您的要求，如果它是特定页面，那么您可以动态添加所需的css类：

 $(document).ready(function(){

      if (document.location.href.match(/[^\/]+$/)[0] == 'index.aspx')
      {
          //Add CSS in page header
          $("head").append("<script> .my-css-class{ /* put style here */} <script/>");
      }    
    });

如何使用jquery基于url将css类应用于母版页？

2 个答案: