Добавить css только когда URL-адрес https://mywebsite.com/my-account/return - PullRequest
Новая
       31

Добавить css только когда URL-адрес https://mywebsite.com/my-account/return

0 голосов
/ 31 января 2020

Я хочу загрузить следующие CSS, только если URL окна имеет значение https://mywebsite.com/my-account/return

CSS: 

<style>.shop table.shop_table.my_account_orders>tbody>tr{
    display: table-row !important;}

.shop table.shop_table.my_account_orders>tbody>tr>td{
    display: table-cell !important;}

.shop table.shop_table.my_account_orders>tbody>tr>td:before{
    display: table-row !important;}</style>

Ответы [ 2 ]

1 голос
/ 31 января 2020

, если вы хотите загрузить стиль, попробуйте это с jquery

<html>
<head>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
    $(document).ready(function(){
      var pageURL = $(location).attr("href");
      console.log(pageURL);
      if( pageURL == 'https://mywebsite.com/my-account/return') {
          $('head').append('<style>.shop table.shop_table.my_account_orders>tbody>tr{\
    display: table-row !important;}\
.shop table.shop_table.my_account_orders>tbody>tr>td{\
    display: table-cell !important;}\
.shop table.shop_table.my_account_orders>tbody>tr>td:before{\
    display: table-row !important;}</style>');
      }
    });
  </script>
</head>
<body>
</body>
</html>
1 голос
/ 31 января 2020

Вы можете добавить эти правила отображения в класс, а затем динамически добавить этот класс в тело на основе window.location.

Ваши правила CSS будут выглядеть примерно так (обратите внимание на новый .mywebsite-com-my-account-return класс): 

<style>
    .mywebsite-com-my-account-return .shop table.shop_table.my_account_orders>tbody>tr {
        display: table-row !important;
    }

    .mywebsite-com-my-account-return .shop table.shop_table.my_account_orders>tbody>tr>td {
        display: table-cell !important;
    }

    .mywebsite-com-my-account-return .shop table.shop_table.my_account_orders>tbody>tr>td:before {
        display: table-row !important;
    }
</style>

Тогда ваш Javascript будет выглядеть так: 

<script>
    if (window.location.href === "https://mywebsite.com/my-account/return") {
        document.querySelector("body").classList.add("mywebsite-com-my-account-return")
    }
</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...