Как я могу стилизовать элемент, который разделяет тот же класс - PullRequest
Новая
       5

Как я могу стилизовать элемент, который разделяет тот же класс

0 голосов
/ 12 марта 2020

У меня есть страница, которая имеет тот же класс, я хочу, чтобы одна страница (top.cfm) имела границу с цветом фона, но я не хочу, чтобы (посадочная страница.cfm) имела границу или фон -цвет. Это мой код на jQuery. Куда я иду не так? 

$(function(){
        if (window.location.pathname == "common/top.cfm") {
              $('.content-padding').show('.content-padding').css('background-color', '#fff', 'border', '1px solid #CCCCCC');
        } else (window.location.pathname == "common/landing_page.cfm")
        {
              $('.content-padding').css('background-color', '#E1E1E0', 'border', 'none')
        }
   });

1 Ответ

1 голос
/ 12 марта 2020

Похоже, вы используете else, но с условным условием. вместо этого попробуйте использовать else if.

И вы можете создать два отдельных класса и использовать toggle class для них, если хотите.

Код 

$(document).ready(function () {
  if (window.location.pathname == "common/top.cfm") {    
       $('#content').toggleClass('content-padding-top');
  }else if(window.location.pathname == "common/landing_page.cfm"){
       $('#content').toggleClass('content-padding-landing-page');
  }
});
.content-padding-top{
    background-color:#fff;
    border:1px solid #CCCCCC;
}

.content-padding-landing-page{
    background-color:#E1E1E0;
    border:none;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container main-content content-padding content-bordered container_12 clearfix" id="content">
  <div class="grid_12 clearfix">
	<div class="clearfix" >
          <h1>Page Content</h1>
        </div>
  </div>
<div>
...